magic matcher mobile

css/base.less

@@ -241,8 +241,7 @@ nav > ul {
 
 .mobile-only {
     display: none;
-
+    @media @screen_max-md {
-    @media @screen_max-xs {
         display: inline-block;
     }
 }
@@ -250,7 +249,7 @@ nav > ul {
 .mobile-hide {
     display: inline-block;
 
-    @media @screen_max-xs {
+    @media @screen_max-md {
         display: none;
     }
 }

css/base_structure.less

@@ -200,33 +200,37 @@
         margin: 0 2.5rem 0 1.25rem;
     }
 
-    #dokuwiki__usertools{
+    #dokuwiki__usertools {
         margin-top: 0;
         max-width: 75%;
         position: absolute;
         top: 0;
     }
 
-    .content{
+    .content {
         position: relative;
         #dokuwiki__pagetools{
             top: 0;
 
         }
+        .row > .col-xs-12 #dokuwiki__content::before{
+            display: none;
+        }
     }
 
-    #dokuwiki__header{
+    #dokuwiki__header {
-        .logo{
+        .logo {
             width: 200px;
             max-width: 33%;
             margin: .8rem 0;
         }
     }
 
-    .tools{
+    .tools {
-        .main-sidebar{
+        .main-sidebar {
             display: none;
         }
     }
+
 }
 

css/plugins/magic-matcher.less

@@ -11,6 +11,25 @@
     top: 0;
     left: 0;
     width: 100%;
+    #mm__issueselect_chosen{
+        max-width: 50%;
+    }
+
+    button[name="toggleSuggestions"]{
+        position: absolute;
+        right: 0; top: 0;
+        border: 0;
+        border-bottom: 1px solid @color-border;
+        border-left: 1px solid @color-border;
+        color: @color-nav;
+        background: #fff;
+        border-radius: 0;
+        border-bottom-left-radius: 5px;
+        &:hover, &:focus, &:active{
+            border-color: @button_background;
+            color: @button_background;
+        }
+    }
 
     #magicmatcher__context {
         box-sizing: border-box;
@@ -24,11 +43,31 @@
         padding: .8em 1em .5em;
         margin-bottom: 0;
 
+        font-size: .88rem;
+
+        .chosen-container-single,
+        .chosen-container-single *,
+        #mm_issue_loading,
+        .mm__status,
+        .toggleSuggestions {
+            font-size: .88rem;
+        }
+
         .chosen-container-single {
+
             .chosen-single span {
                 line-height: @line-height-bigger;
             }
         }
+        @media @screen_max-md {
+            padding-top: 1.8rem;
+            .chosen-container{
+                display: block;
+                min-width: 100%;
+                max-width: 100%;
+                margin-bottom: .5rem;
+            }
+        }
     }
 }
 
@@ -83,6 +122,9 @@ a.jiralink {
         .container{
             margin: .8rem 0 -5px;
         }
+        #magicmatcher__context{
+            border-radius: 0;
+        }
     }
 }