list files

assets/css/butter-dir-listing.css

@@ -1,58 +1,13 @@
 /* Based on the default lighttpd styles, this butters up the UI */
 
 
-a,
-a:active {
-    text-decoration: none;
-    color: blue;
-}
-
-a:visited {
-    color: #48468F;
-}
-
-a:hover,
-a:focus {
-    text-decoration: underline;
-    color: red;
-}
 
 body {
-}
-
-h2 {
     font-family: "Poppins", sans-serif;
-    margin-bottom: 12px;
 }
 
-table {
-    margin-left: 12px;
-}
-
-th,
-td {
-    font: 90% monospace;
-    text-align: left;
-}
-
-th {
-    font-weight: bold;
-    padding-right: 14px;
-    padding-bottom: 3px;
-}
-
-td {
-    padding-right: 14px;
-}
-
-td.s,
-th.s {
-    text-align: right;
-}
-
-/* Don't display the .. nav tool. */
-tbody tr.d:first-of-type
-{
+body>h2 {
+    /* Hide the builtin title "Index of /this/that */
     display: none;
 }
 
@@ -66,25 +21,40 @@ div.foot {
     display: none;
 }
 
+h2 {
+    font-size: 18px;
+    font-weight: 500;
+    margin: 10px;
+}
+
+hr {
+    border: none;
+    border-top: 1px solid #E6E6E4;
+    margin: 20px 10px;
+}
+
 .container {
     display: flex;
     align-items: center;
     width: 100%;
-    height: 30px;
+    height: 44px;
+    margin: 10px;
     box-sizing: border-box;
+    font-family: "Poppins", sans-serif;
+    text-decoration: none;
 }
 
 .logo-container {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 30px;
-    height: 30px;
+    width: 32px;
+    height: 32px;
 }
 
 .logo-container img {
-    width: 20px;
-    height: 20px;
+    width: 32px;
+    height: 32px;
 }
 
 .text-container {
@@ -99,10 +69,13 @@ div.foot {
 .text-container .upper-text {
     font-size: 14px;
     line-height: 18px;
+    padding: 2px;
+    color: black;
 }
 
 .text-container .lower-text {
     font-size: 12px;
+    padding: 2px;
     color: gray;
 }