Enhance responsive UI for the login screen.

Drew Blessing
1 parent 4742dba4
Showing 1 changed file with 2 additions and 3 deletions Show diff stats
app/assets/stylesheets/sections/login.scss
@@ -6,11 +6,10 @@
   }
  
   .login-box{
-    width: 304px;
+    max-width: 304px;
     position: relative;
     @include border-radius(5px);
     margin: auto;
-    padding: 20px;
     background: white;
   }
  
@@ -23,7 +22,7 @@
     background-color: #f1f1f1;
     font-size: 16px;
     padding: 14px 10px;
-    width: 280px;
+    width: 100%;
     height: auto;
  
     &.top {
...	...	@@ -6,11 +6,10 @@
6	6	}
7	7
8	8	.login-box{
9		- width: 304px;
	9	+ max-width: 304px;
10	10	position: relative;
11	11	@include border-radius(5px);
12	12	margin: auto;
13		- padding: 20px;
14	13	background: white;
15	14	}
16	15
...	...	@@ -23,7 +22,7 @@
23	22	background-color: #f1f1f1;
24	23	font-size: 16px;
25	24	padding: 14px 10px;
26		- width: 280px;
	25	+ width: 100%;
27	26	height: auto;
28	27
29	28	&.top {
...	...