From 65d0dbb9b3388e03c312c1dd456feeef740289e0 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Tue, 13 Apr 2021 12:49:14 -0500
Subject: Start styling and add initial dark mode support

---
 src/views/Editor.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'src/views/Editor.vue')

diff --git a/src/views/Editor.vue b/src/views/Editor.vue
index b4a2e8e..982ff90 100644
--- a/src/views/Editor.vue
+++ b/src/views/Editor.vue
@@ -1,16 +1,16 @@
 <template>
-  <div id="home">
-    <action-bar />
-    <editor-lists :peerTeachers="peerTeachers" :labs="labs" />
+  <div id="editor">
+    <ActionBar />
+    <EditorLists :peerTeachers="peerTeachers" :labs="labs" />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import ActionBar from '@/components/ActionBar.vue';
+import { defineComponent } from 'vue';
 import EditorLists from '@/components/EditorLists.vue';
-import PeerTeacher from '@/models/PeerTeacher';
 import Lab from '@/models/Lab';
+import PeerTeacher from '@/models/PeerTeacher';
 
 export default defineComponent({
   name: 'Editor',
@@ -32,7 +32,9 @@ export default defineComponent({
 </script>
 
 <style>
-#home {
+#editor {
+  display: flex;
+  flex-direction: column;
   max-height: inherit;
 }
 </style>
-- 
cgit v1.2.3


From 5433214aa9b2cd3dd3445f9f2db297d4a6f2e670 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Tue, 13 Apr 2021 23:14:16 -0500
Subject: Fix collapsing ActionBar in Firefox

---
 src/views/Editor.vue | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'src/views/Editor.vue')

diff --git a/src/views/Editor.vue b/src/views/Editor.vue
index 982ff90..4fcb9fa 100644
--- a/src/views/Editor.vue
+++ b/src/views/Editor.vue
@@ -37,4 +37,8 @@ export default defineComponent({
   flex-direction: column;
   max-height: inherit;
 }
+
+#action-bar {
+  flex-shrink: 0;
+}
 </style>
-- 
cgit v1.2.3

