Making visual styling of search and bag it popup forms more consistent

1 files changed, 4 insertions, 15 deletions

diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index b2ddf355..2f3af95e 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -540,8 +540,7 @@ footer a {
   2.1 = "save a link" related styles
   ========================================================================== */
 
-#bagit-form,
-#search-form {
+.popup-form {
   background: rgba(0,0,0,0.5);
   position: absolute;
   top: 0;
@@ -550,14 +549,13 @@ footer a {
   height: 100%;
   width: 100%;
   margin: 0;
-  margin-top: -30%;
+  margin-top: -30% !important; /* TODO: get rid of !important here; overridden by .messages selector */
   padding: 2em;
   display: none;
   border-left: 1px #EEE solid;
 }
 
-        #bagit-form form,
-        #search-form form {
+        .popup-form form {
                 background: #FFF;
                 position: absolute;
                 top: 0;
@@ -644,15 +642,6 @@ a.add-to-wallabag-link-after:after {
 }
 
 /* ==========================================================================
-  2.2 = "search for articles" popup div related styles
-  ========================================================================== */
-
-#submit-search{
-        margin-left: 4em;
-        margin-top: 1em;
-}
-
-/* ==========================================================================
    3 = Pictos
    ========================================================================== */
    
@@ -1031,7 +1020,7 @@ pre code {
     display: none;
   }
 
-  #bagit-form, #search-form {
+  .popup-form {
     left: 0;
   }
 }