From 75467649e9d612b641b56afb384799d0fbe90390 Mon Sep 17 00:00:00 2001
From: nicholas antonov <nicholasantonov@gmail.com>
Date: Tue, 1 May 2018 19:55:16 -0400
Subject: [PATCH] readd border on desktop

---
 .../registration/registration_base.html       |  2 +-
 static/scss/registration.scss                 | 21 ++++++++-----------
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/templates/registration/registration_base.html b/frontend/templates/registration/registration_base.html
index 9727db4d..3cb5747f 100644
--- a/frontend/templates/registration/registration_base.html
+++ b/frontend/templates/registration/registration_base.html
@@ -40,7 +40,7 @@ $j(document).ready(function() {
 
 {% block content %}
 <div class="registration">
-    <div class="registration-content">
+    <div class="registration-content login-border">
         {% block doccontent %}
         {% endblock %}
     </div>
diff --git a/static/scss/registration.scss b/static/scss/registration.scss
index e7a15420..0d5ae539 100644
--- a/static/scss/registration.scss
+++ b/static/scss/registration.scss
@@ -1,4 +1,6 @@
-@import "variables.scss";
+@import "variables";
+@import "settings";
+@import "foundation";
 
 .registration {
     display: flex;
@@ -54,20 +56,15 @@
     }
 }
 
-#login {
-    border: solid 3px $blue-grey;
-    @include one-border-radius(5px);
-    margin: 10px auto;
-    float: none;
-    padding: 10px;
-    width: 50%;
-
-
-    input[type="text"], input[type="password"] {
-        width: 90%;
+@include breakpoint(medium) {
+    .login-border {
+        border: solid 3px $blue-grey;
+        @include one-border-radius(5px);
+        padding: 14px;
     }
 }
 
+
 .actionbutton {
     @include actionbuttons;
     float: left;