Issue 4049 - reinstall button and adbockers list added to uninstallation page

static/css/simple.css

 @font-face
 {
   font-family: "Source Sans Pro";
   src: url(/fonts/SourceSansPro-Light.woff);
   /* local("Ø") forces using no local font called Source Sans Pro */
   src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff");
   font-weight: 300;
   font-style: normal;
 }
 
@@ skipping 43 matching lines @@
   text-decoration: none;
 }
 
 header h1
 {
   box-sizing: border-box;
   border: dashed 1px #898989;
   border-left: none;
   border-right: none;
   padding: 18px;
-  margin: 68px auto 20px auto;
+  margin: 68px auto 0px auto;
   max-width: 960px;
   font-weight: 300;
   font-size: 24px;
   color: #7d7d7d;
   text-align: center;
 }
 
 header::before
 {
   content: "";
@@ skipping 19 matching lines @@
   margin: 0px auto;
   max-width: 960px;
 }
 
 section
 {
   padding: 20px 100px;
   margin-bottom: 30px;
 }
 
+section.clear
+{

[juliandoucette, 2016/07/28 23:05:42]

- why section.clear and not .clear?
- it seems like section.clear and section.clear a styles are page specific
  - shouldn't they go in the page template?
  - shouldn't they be more descriptive?

[saroyanm, 2016/08/24 11:48:42]

The implementation currently is changed, I think this behaves as a notification
above sections.
If more pages will have this kind of block "Notification" in that case no, but
not sure on current state, so I think we can have it here for now.
Yes they should, hope currently it's more descriptive, let me know if you think
it's not.

+  margin: 0px;
+  text-align: center;
+}
+
 section.highlighted
 {
   background-image: url(/img/background-blue.png);
   color: #FFFFFF;
 }
 
 section.highlighted a
 {
   color: #FFFFFF;
 }
@@ skipping 26 matching lines @@
 section li input
 {
   vertical-align: middle;
   -webkit-margin-end: 10px;
   -moz-margin-end: 10px;
 }
 
 section li textarea
 {
   display: block;
-  margin-top: 10px;
   padding: 5px;
   width: 250px;
   height: 50px;
   vertical-align: middle;
   font-size: 14px;
 }
 
+section li ul
+{
+  margin-top: 10px;
+  margin-bottom: 0px;
+}
+
 section .subheader
 {
   margin-top: 0px;
   text-align: center;
 }
 
 section .error-label
 {
   display: none;
   color: #ffafaf;
   margin: 0px 12px;
 }
 
-form button
+button, section.clear a
 {
   min-width: 138px;
+  border: 0px;
+  color: #ffffff;
+  cursor: pointer;
+}
+
+section.highlighted form button
+{
   height: 42px;
   background-color: #37506d;
-  border: 0px;
-  cursor: pointer;
-  color: #ffffff;
 }
 
 form.error button
 {
   border: solid 2px #ffafaf;
 }
 
 form.error .error-label
 {
   display: inline-block;
 }
 
+section.clear a
+{
+  display: inline-block;
+  padding: 14px 0px;
+  margin: 0px 10px;
+  background-color: #5cb85c;
+  vertical-align: middle;
+  font-size: 14px;
+  text-decoration: none;
+  align-items: flex-start;

[juliandoucette, 2016/07/28 23:05:42]

This is not supported < IE11

[saroyanm, 2016/08/24 11:48:42]

Hmm not sure why this was here in first place:/ I think we don't need it here at
all.

+}
+
+section.clear a:hover
+{
+  background-color: #47a447;
+}
+
 form input[type="checkbox"]
 {
   margin: 0px;
   -webkit-margin-end: 10px;
   -moz-margin-end: 10px;
 }
 
 .disclaimer
 {
   margin: 14px 0px;
   font-size: 14px;
   color: #a9bdd5;
 }
 
 .hidden
 {
   display: none;
 }
 
 footer
 {
   margin: 0 auto 30px;
   max-width: 960px;
   text-align: center;
 }