[DLT-1110] Styles

ORNL · Jan 22, 2025 · f01b515 · f01b515
1 parent 9358ba2
commit f01b515
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 24 deletions.
diff --git a/web/static/components/endpoint-browse/index.js b/web/static/components/endpoint-browse/index.js
@@ -46,28 +46,28 @@ class EndpointBrowser {
                           <button id="up" class="btn small">Up</button>                                                                                               
                       </div>                                                                                                                                          
                   </div>                                                                                                                                              
-              </div>                                                                                                                                           
+              </div>                                                                                                                                              
          `;
     }
 
     fileTree() {
-        return `                                                                                                                                                     
-             <div class="endpoint-browser file-tree-view ui-widget content">                                                                                          
-                 <table id="file_tree">                                                                                                                               
-                     <colgroup>                                                                                                                                       
-                         <col/>                                                                                                                                       
-                         <col/>                                                                                                                                       
-                         <col/>                                                                                                                                       
-                     </colgroup>                                                                                                                                      
-                     <tbody>                                                                                                                                          
+        return `
+             <div class="endpoint-browser file-tree-view ui-widget content">
+                 <table id="file_tree">
+                     <colgroup>
+                         <col/>
+                         <col/>
+                         <col/>
+                     </colgroup>
+                     <tbody>
                          <tr>
-                            <td/>
-                            <td/>
-                            <td/>                                                                                                     
+                             <td></td>
+                             <td></td>
+                             <td></td>
                          </tr>                                                                                                                                        
-                     </tbody>                                                                                                                                         
-                 </table>                                                                                                                                             
-             </div>                                                                                                                                              
+                     </tbody>
+                 </table>
+             </div>
          `;
     }
 

diff --git a/web/static/components/endpoint-browse/styles.css b/web/static/components/endpoint-browse/styles.css
@@ -1,26 +1,23 @@
 .endpoint-browser {
     display: flex;
     flex-direction: column;
-    height: 100%;
 }
 
-.endpoint-browser .path-label,
-.endpoint-browser .path-input-container,
-.endpoint-browser .row-flex,
-.endpoint-browser .spacer,
-.endpoint-browser .file-tree-view {
+.endpoint-browser .path-label {
     margin-right: 0.5em;
 }
 
 .endpoint-browser .path-input-container {
     flex: auto;
+    margin-right: 0.5em;
 }
 
 .endpoint-browser .path-input-container input {
     width: 100%;
 }
 
 .endpoint-browser .row-flex {
+    display: flex;
     align-items: center;
 }
 
@@ -35,11 +32,11 @@
     overflow: auto;
 }
 
-.endpoint-browser .file-tree-view table {
+.endpoint-browser .file-tree-view tbody {
     width: 100%;
 }
 
-.endpoint-browser .file-tree-view td {
+.endpoint-browser .file-tree-view tbody td {
     white-space: nowrap;
     padding: 0 2em 0 0;
 }