Reorganize style.css, delete unnecessary stuff, add some styles.

* rows a bit more narrow
* navbar a bit more narrow
* table header without top border
* sort icons grey, or black when sorted

Signed-off-by: Marco Dickert <marco@misterunknown.de>

src/style.css

@@ -2,10 +2,47 @@ body {
     padding-top: 70px;
     overflow-y: scroll !important;
 }
+
+a { cursor: pointer !important; }
+a.ifmitem:focus { outline: 0 }
+
+img.imgpreview { max-width: 100%; }
+
+div#content { width: 100%; height: 350px; } /* is for the ACE editor */
+
+label {
+    display: inline-block;
+    margin-bottom: .5rem;
+    font-weight: 700;
+}
+
+/* Make tables more compact (overwrites bootstrap default of 0.75rem) */
+.table td, .table th {
+    padding: 0.25rem;
+}
+
+/* narrow navbar */
+.navbar {
+    padding: 0.3rem;
+}
+
+/*
+ * Icon size
+ */
 .icon {
     font-size: 14pt;
 }
+@media (max-width: 768px) {
+    .icon { font-size: 12pt; }
+    #filetable tr th.buttons { min-width: 85px !important; }
+}
 
+/*
+ * Filetable related settings
+ */
+#filetable th {
+    border-top: 0;
+}
 #filetable td:nth-child(5), #filetable th:nth-child(5) {
     text-align: center;
 }
@@ -18,15 +55,12 @@ body {
 #filetable td:last-child a:hover {
     text-decoration: none;
 }
+.td-permissions { width: 1px; }
 
-a { cursor: pointer !important; }
-a.ifmitem:focus { outline: 0 }
-
-img.imgpreview { max-width: 100%; }
-
-div#content { width: 100%; height: 350px; }
-
-input[name=newpermissions] { padding: 6px 8px; }
+input[name=newpermissions] {
+	padding: 6px 8px;
+	width: 6.5rem;
+}
 
 #filetable tr th.buttons { min-width: 95px; }
 #filetable tbody tr.highlightedItem { box-shadow: 0px 0px 10px 2px #337ab7; }
@@ -35,16 +69,12 @@ input[name=newpermissions] { padding: 6px 8px; }
 #filetable tbody tr.selectedItem * a { color: #FFF; }
 #filetable tbody tr td { vertical-align: inherit; }
 
-#navbar { max-width: 100%; }
-
 div.ifminfo { color: #adadad; font-size: 10pt; }
 div.ifminfo div.panel div.panel-body { padding: 0px !important; text-align:  center; }
 
-@media (max-width: 768px) {
-    .icon { font-size: 12pt; }
-    #filetable tr th.buttons { min-width: 85px !important; }
-}
-
+/*
+ * Footer / Task-Queue settings
+ */
 footer {
     position: fixed;
     padding-top: 1em;
@@ -67,6 +97,9 @@ footer {
     font-weight: bold;
 }
 
+/*
+ * File drop overlay
+ */
 #filedropoverlay {
     display: none;
     position: fixed;
@@ -92,28 +125,40 @@ footer {
     pointer-events: none;
 }
 
-.td-permissions { width: 1px; }
 
-/* datatables */
+/*
+ * Datatables related settings
+ */
 table.dataTable thead th {
     position: relative;
     background-image: none !important;
 }
 
+/* remove original sort icons */
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:before {
+    right: 0 !important;
+    content: "" !important;
+}
+/* custom sort icons */
 table.dataTable thead th.sorting:after,
 table.dataTable thead th.sorting_asc:after,
 table.dataTable thead th.sorting_desc:after {
     position: absolute;
-    top: 12px;
+    top: 6px;
     right: 8px;
     display: block;
     font-family: fontello;
+    font-size: 0.8em;
+    opacity: 1;
+    color: #000;
 }
-
 table.dataTable thead th.sorting:after {
     content: "\F0DC";
-    font-size: 0.8em;
-    padding-top: 0.12em;
+    color: #ddd;
 }
 table.dataTable thead th.sorting_asc:after {
     content: "\f0de";
@@ -122,6 +167,9 @@ table.dataTable thead th.sorting_desc:after {
     content: "\f0dd";
 }
 
+/*
+ * Modal related settings
+ */
 #copyMoveTree {
     max-height: 80vh;
     overflow: auto;
@@ -139,9 +187,3 @@ table.dataTable thead th.sorting_desc:after {
         max-width: 800px;
     }
 }
-
-label {
-    display: inline-block;
-    margin-bottom: .5rem;
-    font-weight: 700;
-}