layout of panels tweaked

maildir_gtd/email_viewer.tcss

@@ -1,5 +1,37 @@
 /* Basic stylesheet for the Textual Email Viewer App */
 
+
+#main_content, .list_view {
+  scrollbar-size: 1 1;
+  border: round rgb(117, 106, 129);
+  height: 1fr;
+}
+
+#sidebar {
+  width: 1fr
+}
+
+#main_content {
+  width: 2fr;
+
+}
+
+#sidebar:focus-within {
+  background: $panel;
+  .list_view:blur {
+    height: 3;
+  }
+  .list_view:focus {
+    height: 2fr;
+  }
+}
+
+#main_content:focus, .list_view:focus {
+  border: round $secondary;
+  background: rgb(55, 53, 57);
+  border-title-style: bold;
+}
+
 Label#task_prompt {
   padding: 1;
   color: rgb(128,128,128);
@@ -25,7 +57,6 @@ StatusTitle {
 
 EnvelopeHeader {
   dock: top;
-  margin-top: 1;
   width: 100%;
   max-height: 2;
   tint: $primary 10%;
@@ -35,21 +66,15 @@ Markdown {
   padding: 1 2;
 }
 
-ListView {
-  dock: left;
-  width: 30%;
-  height: 100%;
-  padding: 0;
-}
-
 .email_subject {
-  width: 100%;
+  width: 1fr;
   padding: 0
 }
 
 .header_key {
   tint: gray 20%;
   min-width: 10;
+  text-style:bold;
 }
 
 .header_value {
@@ -57,3 +82,32 @@ ListView {
   height: auto;
   width: auto;
 }
+
+.modal_screen {
+  align: center middle;
+  margin: 1;
+  padding: 2;
+  border: round $border;
+  background: $panel;
+  width: auto;
+  height: auto;
+}
+
+
+#create_task_container {
+  width: 50%;
+  height: 50%;
+  border: heavy $secondary;
+  layout: horizontal;
+  align: center middle;
+  Label {
+    width: auto;
+  }
+  Input {
+    width: 1fr;
+  }
+}
+
+#envelopes-list ListItem:odd {
+  background: rgb(25, 24, 26);
+}