From abe87137968795708b64d4d20050e3dfddcf2dba Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 14:10:37 +0100
Subject: [PATCH] SPR-908: meta-box - border-radius in mobile

---
 css/area_nav-metabox.less | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index c69f813..62b9582 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -7,13 +7,13 @@
     z-index: 10;
     float: right;
     max-width: 40%;
-    border: 1px solid transparent;
     margin-top: -(@page_padding-top); // reverse padding-top of .page container
     margin-right: -1px;
 
     // >= 1024
     @media @screen_min-md {
         height: @page-header_height;
+        border: 1px solid transparent;
     }
 
     // < 1024
@@ -32,6 +32,7 @@
     @media @screen_max-sm {
         position: relative;
         top: .2rem;
+        border: 0 none;
     }
 
     .tab-container {
@@ -89,7 +90,7 @@
             }
 
             @media @screen_max-sm {
-                margin-right: .3rem;
+                margin-right: .4rem;
                 margin-bottom: .2rem;
             }
 
@@ -163,7 +164,6 @@
                     @media @screen_max-sm {
                         background-color: @color-link;
                         border-bottom-color: @color-link;
-                        border-radius: 0;
                         color: @color-content-bg;
                     }
                 }
@@ -194,12 +194,15 @@
             width: 100%;
             background-color: @color-content-bg;
             border: 1px solid @color-link;
-            border-radius: 0 0 @fix_border-radius @fix_border-radius;
 
             @media @screen_min-xs {
                 min-width: 20em;
             }
 
+            @media @screen_min-sm {
+                border-radius: 0 0 @fix_border-radius @fix_border-radius;
+            }
+
             &.active {
                 display: block;
                 overflow: hidden;