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 34 matching lines @@
 a:link,
 a:visited
 {
   color: #5a84b3;
   text-decoration: underline;
 }
 
 a:hover
 {
   text-decoration: none;
+}
+
+fieldset
+{
+  border: 0px;
+  padding: 0px;
+}
+
+li fieldset
+{
+  padding-top: 10px;
 }
 
 header h1
 {
   box-sizing: border-box;
   border: dashed 1px #898989;
   border-left: none;
   border-right: none;
   padding: 18px;
   margin: 68px auto 0px auto;
@@ skipping 23 matching lines @@
   margin: 0px auto;
   margin-bottom: 20px;
 }
 
 #content
 {
   margin: 0px auto;
   max-width: 960px;
 }
 
-section
+section,
+.notification
 {
   padding: 20px 100px;
   margin-bottom: 30px;
 }
 
-section.clear
+.notification
 {

[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;
 }
 
@@ skipping 56 matching lines @@
   text-align: center;
 }
 
 section .error-label
 {
   display: none;
   color: #ffafaf;
   margin: 0px 12px;
 }
 
-button, section.clear a
+button,
+.notification a
 {
   min-width: 138px;
   border: 0px;
   color: #ffffff;
   cursor: pointer;
 }
 
-section.highlighted form button
+.highlighted form button
 {
   height: 42px;
   background-color: #37506d;
 }
 
 form.error button
 {
   border: solid 2px #ffafaf;
 }
 
 form.error .error-label
 {
   display: inline-block;
 }
 
-section.clear a
+.notification 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
+}
+
+.notification 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;
 }