(expand-navbar) Added special icons for it and updated styling

1 files changed, 10 insertions, 8 deletions

diff --git a/src/styles.css b/src/styles.css
index 531cad5..9aa1a39 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -136,6 +136,15 @@ img {
   .file-icon        { min-width: 1.3em; vertical-align: text-bottom; }
   .borderless, .oldschool-badge, .file-icon { border: none; }
 
+  .btn {
+      /* Thanks https://stackoverflow.com/a/4407335/12036073 */
+      -webkit-touch-callout: none; /* iOS Safari */
+      -webkit-user-select: none; /* Safari */
+      -khtml-user-select: none; /* Konqueror HTML */
+      -moz-user-select: none; /* Old versions of Firefox */
+      -ms-user-select: none; /* Internet Explorer/Edge */
+      user-select: none;
+    }
   .btn:hover   { cursor: pointer; }
   .btn:active  { transform: scale(0.9); }
 
@@ -338,13 +347,6 @@ dt, dd {
           line-height: 1em;
           border: 1px solid var(--border-color);
           padding: 0.2em 0.3em 0.4em;
-          /* Thanks https://stackoverflow.com/a/4407335/12036073 */
-          -webkit-touch-callout: none; /* iOS Safari */
-          -webkit-user-select: none; /* Safari */
-          -khtml-user-select: none; /* Konqueror HTML */
-          -moz-user-select: none; /* Old versions of Firefox */
-          -ms-user-select: none; /* Internet Explorer/Edge */
-          user-select: none;
         }
     #footer {
         font-size: 0.7em;
@@ -355,7 +357,7 @@ dt, dd {
     #footer > * { white-space: nowrap; }
 
     /* expand-navbar.js */
-    #expandNavbarBtn                { float: right; margin: 0.6em 0 0 1em; }
+    #expandNavbarBtn                { float: right; margin-left: 1em; }
     .sidebar-hidden                 { min-height: auto; position: absolute; }
     .sidebar-hidden > :not(#header) { display: none; }
     .sidebar-hidden + .noMaxWidth   { margin-top: 6em; }