From 63bb23ddb61d19def346a3a345381b0595951346 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 26 Apr 2017 09:20:14 +0200
Subject: [PATCH] SPR-742: configure configmanager

---
 css/plugins/configmanager.less | 59 ++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/css/plugins/configmanager.less b/css/plugins/configmanager.less
index 97f6948..45a3718 100644
--- a/css/plugins/configmanager.less
+++ b/css/plugins/configmanager.less
@@ -7,8 +7,16 @@
 
 #dokuwiki__content {
     #config__manager {
+        fieldset {
+            box-sizing: border-box;
+            background-color: @background_darker;
+            margin-left: 0;
+            margin-right: 0;
+        }
+
         .selectiondefault {
             background-color: transparent;
+            color: inherit;
         }
 
         tr {
@@ -16,6 +24,12 @@
                 background-color: transparent;
                 color: inherit;
             }
+
+            &:hover {
+                td {
+                    color: inherit;
+                }
+            }
         }
 
         tr.default {
@@ -23,5 +37,50 @@
                 background-color: transparent;
             }
         }
+
+        td.label {
+            padding: .8em 0 1em 1em;
+
+            span.outkey {
+                background-color: @ini_background_content;
+                color: inherit;
+                font-size: 90%;
+
+                a {
+                    font-size: inherit;
+                }
+            }
+
+            label {
+                line-height: @line-height-big;
+            }
+        }
+    }
+}
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 1024px */
+
+@media @screen_max-md {
+    #dokuwiki__content {
+        #config__manager {
+            td.label {
+                label {
+                    font-size: @font-size-small;
+                }
+            }
+
+            .selectiondefault {
+                float: none;
+                max-width: 100%;
+                width: auto;
+
+                label {
+                    width: 90%;
+                    font-size: @font-size-small;
+                }
+            }
+        }
     }
 }