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

static/css/simple.css

Index: static/css/simple.css
===================================================================
--- a/static/css/simple.css
+++ b/static/css/simple.css
@@ -61,7 +61,7 @@
   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;
@@ -101,6 +101,12 @@
   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);
@@ -147,7 +153,6 @@
 section li textarea
 {
   display: block;
-  margin-top: 10px;
   padding: 5px;
   width: 250px;
   height: 50px;
@@ -155,6 +160,12 @@
   font-size: 14px;
 }
 
+section li ul
+{
+  margin-top: 10px;
+  margin-bottom: 0px;
+}
+
 section .subheader
 {
   margin-top: 0px;
@@ -168,14 +179,18 @@
   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
@@ -188,6 +203,23 @@
   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;