💄 Style delete buttons and menu

templates/base.html

@@ -14,28 +14,54 @@
             border-radius: .5em;
             border: 0;
             background-color: #c4e1ff;
+            font-weight: bold;
+        }
+
+        input[type="submit"].delete {
+            background-color: #e56f83;
         }
 
         input[type="submit"] {
             background-color: #a9ca97;
-            font-weight: bold;
+        }
+
+        a:before {
+            content: "› ";
+            color: gray;
+        }
+
+        a, a:visited, a:hover, a:active, a:focus {
+            /* font-style: normal; */
+            text-decoration: none;
+            color: black;
         }
 
         #content {
             float: right;
-            width: 100%;
-            background-color: #F0F0F0;
+            width: calc(100% - 20px);
+            /* background-color: #F0F0F0; */
+            /* border-radius: 1em; */
+            /* padding: 10px; */
+            /* height: calc(100vh - 40px);*/
         }
 
         #menu {
             float: left;
-            width: 200px;
-            margin-left: -200px;
+            width: 150px;
+            margin-left: -185px;
             background-color: #CCCCCC;
+            border-radius: .5em;
+            padding: 10px;
+            height: calc(100vh - 40px);
         }
 
         #menu span {
             display: block;
+            margin-bottom: .5em;
+        }
+
+        #menu hr {
+            border: 1px solid gray;
         }
 
         body {
@@ -50,12 +76,14 @@
     {{ block "page-content" . }}{{ end }}
 </div>
 <div id="menu">
-    <span><a href="./">ShareDAV</a></span>
+    <span style="font-weight: bold;"><a href="./">ShareDAV</a></span>
     {{ if .SessionUser }}
         {{ if eq .SessionUser.Role "admin" }}
+            <hr/>
             <span><a href="users">Users</a></span>
             <span><a href="shares">Shares</a></span>
         {{ end }}
+        <hr/>
         <span><a href="logout">Logout</a></span>
     {{ end }}
 </div>