adding file browsing

drive_view_tui.tcss

@@ -2,7 +2,7 @@
 
 /* Main container */
 #main_container {
-    padding: 1 2;
+
 }
 
 /* Authentication container */
@@ -36,6 +36,9 @@
 /* Content container that holds drives and items */
 #content_container {
     margin-top: 1;
+    height: 1fr;
+    border: round $accent;
+
 }
 
 /* Status and loading elements */
@@ -49,6 +52,17 @@
     margin: 2;
 }
 
+#view_options {
+  border: round $secondary;
+}
+
+#loading_container {
+    height: 3;
+    width: 100%;
+    align: center middle;
+    margin: 2 0;
+}
+
 /* Title styles */
 .title {
     color: $accent;
@@ -63,12 +77,12 @@
 /* Drive container styles */
 #drive_container {
     width: 1fr;
-    margin-bottom: 1;
+
     height: 100%;
 }
 #drive_list {
   border: round $primary;
-  padding: 1;
+  padding: 0 1;
   height: 100%;
 }
 
@@ -80,7 +94,7 @@
 /* Items container and table styles */
 #items_container {
     padding: 0;
-    width: 3fr;
+    width: 4fr;
     height: 100%;
 }
 
@@ -95,8 +109,47 @@
     padding: 2;
 }
 
+/* Document Viewer Screen Styles */
+#document_viewer {
+    padding: 0 1;
+    height: 100%;
+    width: 100%;
+}
+
+#top_container {
+  height: 3;
+  width: 100%;
+  background: $boost;
+}
+
+#document_title {
+    color: $accent;
+    text-align: center;
+    padding: 0 1;
+    text-style: bold;
+    margin-bottom: 0;
+    width: 1fr;
+    height: 3;
+    align: left middle;
+}
+
+#plaintext_content {
+    padding: 1;
+    width: 100%;
+}
+
+#button_container {
+    width: auto;
+    height: 3;
+    align: right middle;
+}
+
+#button_container Button {
+    min-width: 16;
+}
+
 /* Utility classes */
-.hide {
+.hide, .hidden {
     display: none;
 }
 
@@ -104,7 +157,6 @@
 DataTable {
     border: solid $accent;
     background: $primary-background-lighten-1;
-    margin: 1 0;
 }
 
 DataTable > .datatable--header {
@@ -117,10 +169,4 @@ DataTable > .datatable--cursor {
     background: $secondary;
 }
 
-/* Override scrollbar styles */
-* {
-    scrollbar-color: $accent $surface;
-    scrollbar-background: $surface;
-    scrollbar-color-hover: $accent-lighten-1;
-    scrollbar-background-hover: $surface-lighten-1;
-}
+