X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/77cd550faedabecf7b1073ccc9c11398851e2cae..refs/pull/3555/head:/resources/sass/_components.scss

diff --git a/resources/sass/_components.scss b/resources/sass/_components.scss
index c0a418a8e..4509c2b9a 100644
--- a/resources/sass/_components.scss
+++ b/resources/sass/_components.scss
@@ -156,6 +156,8 @@
 
 .popup-footer {
   justify-content: end;
+  background-color: var(--color-primary-light);
+  min-height: 41px;
   button {
     padding: 10px $-m;
   }
@@ -316,12 +318,6 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   }
 }
 
-.image-manager .corner-button {
-  margin: 0;
-  border-radius: 0;
-  padding: $-m;
-}
-
 // Dropzone
 /*
  * The MIT License
@@ -662,7 +658,10 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
 .code-editor .lang-options button {
   display: block;
   padding: $-xs $-m;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid;
+  @include lightDark(color, #333, #AAA);
+  @include lightDark(border-bottom-color, #EEE, #000);
+  cursor: pointer;
   width: 100%;
   text-align: left;
   font-family: $mono;
@@ -683,7 +682,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
 
 .code-editor-language-list {
   position: relative;
-  flex-basis: 200px;
+  width: 160px;
   z-index: 2;
   align-items: stretch;
 }
@@ -706,6 +705,18 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   }
 }
 
+@include smaller-than($s) {
+  .code-editor .lang-options {
+    display: none;
+  }
+  .code-editor-body-wrap {
+    flex-direction: column;
+  }
+  .code-editor-language-list, .code-editor-language-list input {
+    width: 100%;
+  }
+}
+
 .comment-box {
   border-radius: 4px;
   border: 1px solid #DDD;