Activity editing

hamstertools/app.tcss

@@ -1,50 +1,64 @@
 DataTable {
-	height: 90%;
+    height: 90%;
 }
 
 DataTable .datatable--cursor {
-	background: grey;
+    background: grey;
 }
 
 DataTable:focus .datatable--cursor {
-	background: orange;
+    background: orange;
 }
 
 #filter {
-	display: none;
+    display: none;
 }
 
 #filter Input {
-	width: 50%;
+    width: 50%;
 }
 
 ActivityEditScreen, ActivityMappingScreen {
     align: center middle;
 }
 
+ActivityEditScreen > Vertical,
 ActivityMappingScreen > Vertical {
     padding: 0 1;
-		width: auto;
+    width: 80;
     height: 30;
     border: thick $background 80%;
     background: $surface;
 }
 
-ActivityMappingScreen Horizontal {
-		align: left middle;
-		width: auto;
+ActivityEditScreen > Vertical {
+    height: 10;
 }
 
+ActivityMappingScreen Horizontal {
+    align: left middle;
+    width: auto;
+}
+
+ActivityEditScreen Horizontal {
+    width: 80;
+}
+
+ActivityEditScreen Label,
 ActivityMappingScreen Label {
-	padding: 0 1;
-	width: auto;
-	border: blank;
+    padding: 0 1;
+    width: auto;
+    border: blank;
 }
 
 ActivityMappingScreen AutoComplete {
-	width: 80;
+    width: 80;
 }
 
 #description, #tags {
-	width: 30;
+    width: 30;
+}
+
+ActivityEditScreen Input {
+    width: 60;
 }