diff --git a/assets/css/clacks.scss b/assets/css/clacks.scss
index 9df9e81..7f43d19 100644
--- a/assets/css/clacks.scss
+++ b/assets/css/clacks.scss
@@ -62,6 +62,19 @@ h1, h2, h3 {
margin: 0.5rem 0;
}
+.flash-info {
+ padding: 0.5rem;
+ background-color: lighten(blue, 35%);
+ border: 1px solid darken(blue, 20%);
+ color: darken(blue, 35%);
+}
+.flash-error {
+ padding: 0.5rem;
+ background-color: lighten(red, 30%);
+ border: 1px solid darken(red, 20%);
+ color: darken(red, 35%);
+}
+
header {
nav {
display: flex;
@@ -161,3 +174,15 @@ ul.status-list {
margin-right: 1rem;
}
}
+
+.login-form {
+ .input-group {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.5rem;
+
+ label {
+ width: 100px;
+ }
+ }
+}
diff --git a/lib/clacks_web/templates/layout/app.html.eex b/lib/clacks_web/templates/layout/app.html.eex
index 4c2486c..1fefa6f 100644
--- a/lib/clacks_web/templates/layout/app.html.eex
+++ b/lib/clacks_web/templates/layout/app.html.eex
@@ -37,8 +37,12 @@
- <%= get_flash(@conn, :info) %>
- <%= get_flash(@conn, :error) %>
+ <%= if get_flash(@conn, :info) do %>
+ <%= get_flash(@conn, :info) %>
+ <% end %>
+ <%= if get_flash(@conn, :error) do %>
+ <%= get_flash(@conn, :error) %>
+ <% end %>
<%= render @view_module, @view_template, assigns %>
diff --git a/lib/clacks_web/templates/login/login.html.eex b/lib/clacks_web/templates/login/login.html.eex
index 46db376..ed41da8 100644
--- a/lib/clacks_web/templates/login/login.html.eex
+++ b/lib/clacks_web/templates/login/login.html.eex
@@ -1,13 +1,15 @@
-<%= form_tag Routes.login_path(@conn, :login_post), method: :post do %>
+<%= form_tag Routes.login_path(@conn, :login_post), method: :post, class: "login-form" do %>
<%= if @continue do %>
<% end %>
-
-
-
-
-
-
+
+
+
+
+
+
+
+
<%= submit "Log In" %>
<% end %>