Simplify menu-icon css

Remove the duplicate display property, since it was force-overridden
by the `!important` keyword in the same definiton. This then makes the
`!important` keywords unnecessary. The menu-icon is floated, and
therefore can't be `inline-block`, so browsers were interpreting that
as `block` all along.

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 853b7993819fba18ba728ca1f7fbc2835f58b3fa..19cc8e5bed806b0fa2cd8de3c02ebdeea0ab0c83 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -80,11 +80,10 @@ small, aside {
 /* Rules for the header */
 
 #menu-icon {
 /* Rules for the header */
 
 #menu-icon {

-  display: none !important;
+  display: none;

   float: right;
   background: image-url("menu-icon.png") no-repeat;
   background-size: 30px 30px;
   float: right;
   background: image-url("menu-icon.png") no-repeat;
   background-size: 30px 30px;

-  display: block;

   width: 30px;
   height: 30px;
   margin: 14px 10px 0 0;
   width: 30px;
   height: 30px;
   margin: 14px 10px 0 0;


@@ -244,7 +243,7 @@ body.compact-nav {
 
 body.small-nav {
   #menu-icon {
 
 body.small-nav {
   #menu-icon {

-    display: inline-block !important;
+    display: block;

   }
 
   nav.primary,
   }
 
   nav.primary,