1 files changed, 27 insertions, 58 deletions

diff --git a/modules-available/permissionmanager/style.css b/modules-available/permissionmanager/style.css
index 49d631a8..dca38eeb 100644
--- a/modules-available/permissionmanager/style.css
+++ b/modules-available/permissionmanager/style.css
@@ -1,82 +1,46 @@
-#switchForm {
-    text-align: center;
-    margin-bottom: 50px;
-}
-
-#saveButton {
-    margin-left: 10px;
-}
-
-#rolename {
-    width: 200px;
-    display: inline-block;
-    margin-left: 10px;
-}
-
-.missingInput {
-    border-color: rgba(255, 0, 0, 0.8);
-    box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6);
-}
-
 .table {
     margin-top: 20px;
 }
 
-.table > tbody > tr > td {
-    vertical-align: middle;
-    height: 50px;
-}
-
 .scrollingTable {
     height: 500px;
     overflow: auto;
 }
 
-.customSpanMargin {
+/* vcenter .label in table cell */
+td > .label {
     display: inline-block;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    margin: 2px 0;
 }
 
-.panel-primary > .panel-heading {
-    background-image: none;
+/* lists in tree view: hide bullet points, first entry bold, ... */
+.tree-container ul {
+    list-style-type: none;
 }
 
-.panel{
-    margin-bottom: 20px;
+.tree-container > ul {
+    display: inline-block;
+    width: 100%;
+    padding: 0;
 }
 
-.selectize-input {
-    overflow: visible;
-}
-
-
-.tree-container .selected {
-    background-color: rgba(0, 182, 41, 0.23);
+.tree-container > ul > li > div > label {
+    font-weight: bold;
 }
 
+/* number of columns in tree view depending on screen size */
 .tree-container {
     -moz-column-gap: 20px;
     -webkit-column-gap: 20px;
     column-gap: 20px;
+    -moz-column-count: 1;
+    -webkit-column-count: 1;
+    column-count: 1;
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
-
-.tree-container > ul {
-    display: inline-block;
-    width: 100%;
-    padding: 0;
-}
-
-@media (max-width: 767px) {
-    .tree-container {
-        -moz-column-count: 1;
-        -webkit-column-count: 1;
-        column-count: 1;
-    }
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 768px) {
     .tree-container {
         -moz-column-count: 2;
         -webkit-column-count: 2;
@@ -92,6 +56,11 @@
     }
 }
 
-ul {
-    list-style-type: none;
-}
\ No newline at end of file
+.btn-group-muted > button {
+    color: #aaa;
+}
+
+h1 span.glyphicon {
+    top: 9px;
+}
+