Absent list

deciduously · Feb 27, 2018 · c872269 · c872269
1 parent 3bc81f6
commit c872269
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/resource/css/index.css b/resource/css/index.css
@@ -7,6 +7,12 @@ ul {
 }
 
 .kidlist {
+    display: inline-block;
+}
+
+.absentlist {
+    display: inline-block;
+    vertical-align: top;
 }
 
 .classlist {
@@ -27,8 +33,8 @@ ul {
 }
 
 .room {
-    width: 200px;
-    max-width: 200px;
+    width: 400px;
+    max-width: 400px;
     max-height: 400px;
     max-height: 400px;
     display: inline-block;

diff --git a/src/cljs/attendance/ui.cljs b/src/cljs/attendance/ui.cljs
@@ -36,10 +36,13 @@
             " Max: " (:max r))]
       (for [k kids]
         ^{:key (:idx k)}
-        [kid k])
-      (for [out (s/absent name)]
+        [kid k])]
+     [:ul.absentlist
+      [:li [:h4 "Out"]]
+      (doall
+       (for [out (s/absent name)]
          ^{:key out}
-         [:li.absent out])]]))
+         [:li.absent out]))]]))
 
 (defn core-roster
   "Render all core rooms"