From 468533759995e2f32715d21d2507a9711e4230c7 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Fri, 25 May 2018 15:21:31 -0400
Subject: [PATCH] Adjusting styles

---
 src/components/Footer/style.css | 6 +++++-
 src/components/Form/style.css   | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer/style.css b/src/components/Footer/style.css
index 21b16cb..1ecd3f7 100644
--- a/src/components/Footer/style.css
+++ b/src/components/Footer/style.css
@@ -2,8 +2,13 @@
 
 footer {
   display: flex;
+  align-items: flex-start;
   margin: var(--spacing-margin) 0;
 
+  @media screen and (max-width: 800px) {
+    display: block;
+  }
+
   & ul {
     @apply --inline-list;
     @apply --with-separator;
@@ -17,7 +22,6 @@ footer {
   }
 
   & .buildId {
-    align-self: flex-end;
     color: color(var(--color-brown) blend(var(--color-tan) 25%));
   }
 }
diff --git a/src/components/Form/style.css b/src/components/Form/style.css
index a7b55fd..62a7f21 100644
--- a/src/components/Form/style.css
+++ b/src/components/Form/style.css
@@ -46,11 +46,12 @@
 
 .actions {
   @apply --list-reset;
-  float: right;
+  margin-top: var(--spacing-margin);
 
   @media (min-width: 700px) {
     @apply --inline-list;
     @apply --with-separator;
+    float: right;
   }
 
   & svg {