Start styling and add initial dark mode support

1 files changed, 3 insertions, 2 deletions

diff --git a/src/components/EditorLists.vue b/src/components/EditorLists.vue
index ae0aa22..26e0ecc 100644
--- a/src/components/EditorLists.vue
+++ b/src/components/EditorLists.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="editor">
+  <div id="editor-lists">
     <div class="column">
       <list :items="peerTeachers" @selection-changed="handlePtClick" #default="pt">
         {{ pt.item.name }} <button @click.stop="deletePeerTeacher(pt.item.id)">X</button>
@@ -84,9 +84,10 @@ export default defineComponent({
 </script>
 
 <style>
-#editor {
+#editor-lists {
   display: flex;
   max-height: inherit;
+  min-height: 0;
 }
 
 .column {