remove less hook, some layouting, fix error

project.clj

@@ -20,5 +20,4 @@
                                    [ring/ring-mock "0.3.0"]]
                     :plugins [[lein-less "1.7.5"]]}}
   :less {:source-paths ["resources/app/stylesheets"]
-         :target-path "resources/public/css"}
+         :target-path "resources/public/css"})
-  :hooks [leiningen.less])

resources/app/stylesheets/app.less

@@ -1,4 +1,6 @@
 @ci-color: #ccc;
+@accent-color: #efefef;
+@border-stack: 1px solid @ci-color;
 @text-padding-v: .2rem;
 @text-padding-h: 1rem;
 @accent-border-width: 1rem;
@@ -18,6 +20,10 @@ a:active {
     text-decoration: underline;
 }
 
+.thin-border {
+    border: @border-stack;
+}
+
 .grid {
     display: grid;
     grid-template-columns: 20% 70% 10%;
@@ -27,58 +33,59 @@ a:active {
         "footer footer footer";
     margin: auto;
     max-width: 900px;
-    border-top: 1px solid #ccc;
+    border-top: ;
-}
-
-nav {
-    grid-area: nav;
-}
-
-main {
-    grid-area: main;
-}
-
-aside {
-    grid-area: sidebar;
-}
-
-header, footer, main, nav, aside {
-    border-bottom: 1px solid #ccc;
-    padding: @text-padding-v @text-padding-h;
-}
 
-header {
+    nav {
-    grid-area: header;
+        grid-area: nav;
-    display: grid;
+    }
-    grid-template-columns: 40% 60%;
-    align-items: center;
-    border-left: @accent-border-width solid #ccc;
-}
 
-.app-title {
+    main {
-    grid-column: 1;
+        grid-area: main;
-    font-size: 1.5rem;
+    }
-}
 
-.app-title__hello {
+    aside {
-    font-size: 1rem;
+        grid-area: sidebar;
-    margin-left: @text-padding-h;
+    }
-    font-weight: normal;
-    font-style: italic;
-}
 
-.header-content {
+    footer {
-    grid-column: 2;
+        grid-area: footer;
-}
+    }
 
-.header-content__link {
+    header, footer, main, nav, aside {
-    display: inline-block;
+        border-bottom: @border-stack;
-    padding: @text-padding-v @text-padding-h / 2;
+        padding: @text-padding-v @text-padding-h;
-    margin-right: @accent-border-width;
+    }
-}
 
-footer {
+    header {
-    grid-area: footer;
+        grid-area: header;
+        display: grid;
+        grid-template-columns: 40% 60%;
+        align-items: center;
+        border-top: @border-stack;
+        border-left: @accent-border-width solid @ci-color;
+
+        .app-title {
+            grid-column: 1;
+            font-size: 1.5rem;
+        }
+
+        .app-title__hello {
+            font-size: 1rem;
+            margin-left: @text-padding-h;
+            font-weight: normal;
+            font-style: italic;
+        }
+
+        .header-content {
+            grid-column: 2;
+        }
+
+        .header-content__link {
+            display: inline-block;
+            padding: @text-padding-v @text-padding-h / 2;
+            margin-right: @accent-border-width;
+        }
+    }
 }
 
 form {
@@ -101,8 +108,34 @@ form {
 
     .flash {
         grid-column: 1/3;
-        border: 1px solid #ccc;
+        .thin-border;
         border-left-width: @accent-border-width;
         padding: .7rem;
     }
 }
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+
+    td, th {
+        border-bottom: @border-stack;
+        padding: @text-padding-v * 2 @text-padding-h / 2h;
+    }
+
+    thead {
+        th {
+            padding: @text-padding-v @text-padding-h;
+            border-bottom: @accent-border-width / 5 solid @ci-color;
+        }
+    }
+
+    tbody {
+        tr:hover {
+            background-color: @accent-color;
+        }
+    }
+}

src/wanijo/domain/schema.clj

@@ -11,4 +11,4 @@
     RETURN s
     ORDER BY s.created_at"
     {:ident ident})
-   (map #(:data (get "s")))))
+   (map #(:data (get % "s")))))