Merge pull request #897 from jsit/displaymode

Fixing display mode switching in Baggy theme (issue #896)

diff --combined themes/baggy/css/main.css
index 6b5a1f4c49df38b30f861ed6c30d4a77ffd512fd,fe49b8e4cff1157e044b26b87963ec18454240c5..f01489098a6a6ecef3d05b34ae5c20260075c097
--- 1/themes/baggy/css/main.css
--- 2/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@@ -192,7 -192,7 +192,7 @@@ h2:after 
    padding-bottom: 1em;
  }
  
 -  #links a {
 +  #links > li > a {
      display: block;
      padding: 0.5em 2em 0.5em 1em;
      color: #FFF;
@@@ -208,7 -208,7 +208,7 @@@
            transition: all 0.5s ease;
    }
  
 -  #links a:hover, #links a:focus {
 +  #links > li > a:hover, #links > li > a:focus {
      background: #999;
      color: #000;
    }
@@@ -360,11 -360,15 +360,15 @@@ footer a 
    position: relative;
    overflow: hidden;
    padding: 1.5em 1.5em 3em 1.5em;
-   -webkit-transition: all 0.5s ease;
-      -moz-transition: all 0.5s ease;
-       -ms-transition: all 0.5s ease;
-        -o-transition: all 0.5s ease;
-           transition: all 0.5s ease;
+ 
+       /* Removing CSS transitions because they make the switch from list view to
+        * table view jerky
+        */
+   /* -webkit-transition: all 0.5s ease; */
+   /*    -moz-transition: all 0.5s ease; */
+   /*     -ms-transition: all 0.5s ease; */
+   /*      -o-transition: all 0.5s ease; */
+   /*         transition: all 0.5s ease; */
  }
  
  .entrie:before {
@@@ -569,28 -573,19 +573,28 @@@
    padding: 2em;
  }
  
 -a#bagit-form-close, a#search-form-close {
 +#bagit-form-form .addurl {
 +      margin-left: 0;
 +}
 +
 +.popup-close {
    background: #000;
    color: #FFF;
 -  padding: 0.2em 0.5em;
 +      font-size: 1.4em;
 +      line-height: 1.6em;
 +      width: 1.6em;
 +      height: 1.6em;
 +      text-align: center;
    text-decoration: none;
 -  display: inline-block;
 -  float: right;
 -  font-size: 0.6em;
 -}
 -a#bagit-form-close:hover, a#search-form-close:hover {
 -  background: #999;
 -  color: #000;
 +      display: inline-block;
 +      position: absolute;
 +      top: 0;
 +      right: 0;
  }
 +      .popup-close:hover {
 +              background: #999;
 +              color: #000;
 +      }
  
  .active-current {
    background-color: #999;
@@@ -674,6 -669,20 +678,6 @@@ a.add-to-wallabag-link-after:after 
    padding: 2em;
  }
  
 -a#search-form-close {
 -  background: #000;
 -  color: #FFF;
 -  padding: 0.2em 0.5em;
 -  text-decoration: none;
 -  display: inline-block;
 -  float: right;
 -  font-size: 1.2em;
 -}
 -a#search-form-close:hover {
 -  background: #999;
 -  color: #000;
 -}
 -
  #submit-search{
  margin-left: 4em;
  margin-top:1em;