Basic site flow improvements and devise handling

app/assets/javascripts/theme1/application.js

@@ -1,18 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// the compiled file.
-//
-// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
-// GO AFTER THE REQUIRES BELOW.
-//
-//= require jquery
-//= require jquery_ujs
-//= require jquery-ui
-//= require_directory .
-//= require_self
-

app/assets/javascripts/theme1/application.js.coffee

@@ -0,0 +1,5 @@
+#= require jquery
+#= require jquery_ujs
+#= require_directory .
+#= require_self
+$(document).on 'click', '.flash-box', -> $(@).slideUp()

app/assets/stylesheets/theme1/application.css.sass

@@ -1,4 +1,5 @@
 //= require_self
 //= require_directory .
 @import ./foundation_and_overrides
+@import ./elements/*
 @import ./structure

app/assets/stylesheets/theme1/elements/_devise.css.sass

@@ -0,0 +1,3 @@
+ul.devise-nav
+  +inline-list
+

app/assets/stylesheets/theme1/elements/_flash.css.sass

@@ -0,0 +1,7 @@
+.flash-box
+  &.alert
+    +alert($bg: $alert-color)
+  &.notice
+    +alert
+  .close
+    +alert-close

app/assets/stylesheets/theme1/elements/_forms.css.sass

@@ -0,0 +1,46 @@
+.form-row
+  @extend .row
+  .form-label
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $offset:1)
+    @media #{$large-up}
+      +grid-column(3)
+  .form-field
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true, $last-column:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $last-column:true)
+    @media #{$large-up}
+      +grid-column($columns: 3, $last-column:true)
+    &.full
+      @media #{$large-up}
+        +grid-column($columns: 9, $last-column:true)
+  &.form-actions
+    padding-top: 12px
+
+.form-errors
+  $form-error-color: #822
+  color: $form-error-color
+  h3
+    color: $form-error-color
+    font-size: 1.2em
+body
+  label
+    &.number
+      display: inline-block
+      padding: 4px 10px
+  input
+    &.number
+      width: 60px
+      display: inline-block
+  .apply-filter
+    +button($bg: $primary-color, $padding: $button-tny)
+  .error
+    input, textarea
+      border-color: $alert-color
+  .new-session-button
+    +button
+  input[type="number"]
+    text-align: right