Merge pull request #342 from divio/feature/mobile-cleanup

Mobile cleanup + small bugfix

Author: vxsx

djangocms_admin_style/sass/components/_base.scss

@@ -250,6 +250,15 @@ ul.errorlist {
     margin-bottom: 10px !important;
     background-color: transparent !important;
     border: 0 !important;
+    a {
+        &,
+        &:link,
+        &:hover,
+        &:focus,
+        &:visited {
+            color: $gray-darkest;
+        }
+    }
     li {
         color: $color-danger !important;
         font-size: $font-size-normal !important;

djangocms_admin_style/sass/components/_mobile.scss

@@ -19,9 +19,13 @@ body {
         margin-right: 0;
     }
 }
-#branding {
-    #site-name {
-        display: none;
+
+// arbitrary width because it doesn't fit
+@media (max-width: 500px) {
+    #branding {
+        #site-name {
+            display: none;
+        }
     }
 }
 .login #branding {
@@ -287,19 +291,26 @@ form {
         margin-left: 0 !important;
         padding-left: 0 !important;
     }
-    // make sure that submit buttons are positioned correct on mobile #153
-    .submit-row {
-        text-align: left;
-        .deletelink-box {
-            float: none;
-            display: inline-block;
-            margin-bottom: 10px;
-        }
-        input {
-            display: block;
-            float: none;
-            margin-bottom: 10px !important;
-            margin-left: 0;
+
+    // arbitrary width because it doesn't fit on bigger than "mobile"
+    // breakpoint, but still ok on "tablet"
+    @media (max-width: 600px) {
+        // make sure that submit buttons are positioned correct on mobile #153
+        .submit-row {
+            text-align: left;
+            .deletelink-box {
+                float: none;
+                display: inline-block;
+                margin-bottom: 10px !important;
+            }
+            input {
+                display: block;
+                float: none;
+                margin-left: 0 !important;
+                + input {
+                    margin-bottom: 10px !important;
+                }
+            }
         }
     }
 }

djangocms_admin_style/sass/djangocms-admin.scss

@@ -7,6 +7,9 @@
 @import "settings/all";
 @import "mixins/all";
 
+@import "libs/_html5-boilerplate.scss";
+@include html5-boilerplate;
+
 //##############################################################################
 // IMPORT COMPONENTS
 @import "components/base";

djangocms_admin_style/sass/settings/_custom.scss

@@ -53,11 +53,3 @@ $btn-cms-active-hover-border: #8c8c8c;
 //##############################################################################
 // #SHADOW
 $base-box-shadow: 0 0 5px 0 rgba($black, 0.2);
-
-
-// Then we'll import the compass extension
-@import "libs/_html5-boilerplate.scss";
-
-// Now, you can simply include everything
-// (except media) by uncommeting this line
-@include html5-boilerplate;