diff --git a/resources/assets/sass/_layout.scss b/resources/assets/sass/_layout.scss index 9bb4e1c70..4be6edb56 100644 --- a/resources/assets/sass/_layout.scss +++ b/resources/assets/sass/_layout.scss @@ -59,7 +59,7 @@ } @include smaller-than($m) { - .grid.third { + .grid.third:not(.no-break) { grid-template-columns: 1fr 1fr; } .grid.half:not(.no-break), .grid.left-focus:not(.no-break), .grid.right-focus:not(.no-break) { @@ -81,7 +81,7 @@ } @include smaller-than($s) { - .grid.third { + .grid.third:not(.no-break) { grid-template-columns: 1fr; } } diff --git a/resources/assets/sass/_pages.scss b/resources/assets/sass/_pages.scss index d02f59e37..c58f6ef47 100755 --- a/resources/assets/sass/_pages.scss +++ b/resources/assets/sass/_pages.scss @@ -20,11 +20,10 @@ } } -@include smaller-than($m) { +@include smaller-than($s) { .page-edit-toolbar { overflow-x: scroll; overflow-y: visible; - z-index: 12; } .page-edit-toolbar .grid.third { display: block; @@ -35,24 +34,21 @@ } } -@include smaller-than($m) { - .page-edit-toolbar #save-button { - position: fixed; - z-index: 30; - border-radius: 50%; - width: 56px; - height: 56px; - font-size: 24px; - right: $-m; - bottom: $-s; - box-shadow: $bs-hover; - background-color: currentColor; - svg { - fill: #FFF; - } - span { - display: none; - } +.page-save-mobile-button { + position: fixed; + z-index: 30; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 24px; + right: $-m; + bottom: $-s; + box-shadow: $bs-hover; + background-color: currentColor; + text-align: center; + svg { + fill: #FFF; + margin-right: 0; } } diff --git a/resources/views/pages/form.blade.php b/resources/views/pages/form.blade.php index 34ded389c..4a473e536 100644 --- a/resources/views/pages/form.blade.php +++ b/resources/views/pages/form.blade.php @@ -12,7 +12,7 @@ {{--Header Bar--}}
-
+
@icon('back'){{ trans('common.back') }} @@ -49,7 +49,7 @@ {{-- Prevents button jumping on menu show --}}
- +
@@ -120,4 +120,6 @@ @endif + + \ No newline at end of file