Fix responsive style on edit

lib/views/_form.html

@@ -20,7 +20,7 @@
         ファイルを追加 ...
       </button>#}
 
-      <div class="pull-right">
+      <div class="pull-right form-inline">
         <select name="pageForm[grant]" class="form-control">
           {% for grantId, grantLabel in consts.pageGrants %}
           <option value="{{ grantId }}" {% if pageForm.grant|default(page.grant) == grantId %}selected{% endif %}>{{ grantLabel }}</option>
@@ -30,7 +30,7 @@
       </div>
     </div>
   </form>
-  <div class="col-md-6">
+  <div class="col-md-6 hidden-sm hidden-xs">
     <div id="preview-body" class="wiki preview-body">
     </div>
   </div>

resource/css/_form.scss

@@ -1,8 +1,4 @@
 
-.form-full {
-  width: 99%;
-}
-
 textarea {
   font-family: menlo, monaco, consolas, monospace;
   line-height: 1.1em;
@@ -18,17 +14,3 @@ input::-webkit-input-placeholder {
 input:-moz-placeholder {
   color: #ccc;
 }
-
-
-.form-maximized {
-  position: absolute;
-  background: #fff;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 100;
-  -webkit-transition: opacity 1s linear;
-}

resource/css/_layout.scss

@@ -477,7 +477,9 @@
     }
 
     .form-group.form-submit-group {
+
       position: fixed;
+      z-index: 1054;
       bottom: 0;
       width: 100%;
       left: 0;
@@ -576,6 +578,18 @@
 
 } // }}}
 
+@media (max-width: $screen-sm-max) { // {{{ less than tablet size
+
+  .content-main.on-edit {
+    .form-group.form-submit-group {
+      select.form-control {
+        display: inline-block;
+        width: auto;
+      }
+    }
+  }
+
+} // }}}
 
 @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { // {{{ tablet size
   .crowi.main-container { // {{{