better file editor layout (#3924)

OSC · Nov 5, 2024 · 83e93fb · 83e93fb
1 parent d3abb0d
commit 83e93fb
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/apps/dashboard/app/views/files/edit.html.erb b/apps/dashboard/app/views/files/edit.html.erb
@@ -1,9 +1,19 @@
+
+<div id="editor-filename" class="text-center mb-2"><%= @path %></div>
+
 <div class="d-flex flex-row flex-grow-1">
-  <div class="flex-column col-3 card mx-2">
+  <div class="flex-column col-sm-1 card mx-2 text-center">
+
     <div class="card-header">
-      <p id="editor-filename" class="navbar-text m-0 ms-2"><%= @path %></p>
+      <div class="d-grid gap-2">
+        <button class="btn btn-primary" id="save-button">
+          <i class="fas fa-save pe-2" aria-hidden="true"></i>
+          <span>Save</span>
+        </button>
+      </div>
     </div>
 
+
     <ul class="list-group list-group-flush border-bottom-0">
       <li class="list-group-item hidden-xs hidden-sm hidden-md px-2 form-group form-inline m-0">
         <label class="control-label navbar-text px-1" for="keybindings">Key Bindings</label>
@@ -223,14 +233,6 @@
 
     <div class="card-body border-0"></div>
 
-    <div class="card-footer">
-      <div class="d-grid gap-2">
-        <button class="btn btn-primary" id="save-button">
-          <i class="fas fa-save pe-2" aria-hidden="true"></i>
-          <span>Save</span>
-        </button>
-      </div>
-    </div>
   </div>
   <pre class="flex-grow-1" id="editor" data-path="<%= @path %>" data-api="<%= OodAppkit.files.api(path: @path, fs: @filesystem) %>"><%= @content %></pre>
 </div>