Update styles

Author: alex35mil

app/templates/app/app/bundles/app/components/Dummy/Dummy.jsx

@@ -55,13 +55,13 @@ export default class Dummy extends React.Component {
     const { dummy: { data, isLoading }, auth: { isLoggedIn } } = this.props;
 
     const dummyContent = (
-      <div>
+      <div id="dummy__content">
         {data} {isLoggedIn ? `You're logged in!` : `You're logged out :(`}
-        <div id="auth">
+        <div id="dummy__content__auth">
           {isLoggedIn ? (
-            <span onClick={::this._handleLogout} className="auth-link">logout</span>
+            <span onClick={::this._handleLogout} className="dummy__content__auth__link">logout</span>
           ) : (
-            <Link to="/login" className="auth-link">login</Link>
+            <Link to="/login" className="dummy__content__auth__link">login</Link>
           )}
         </div>
       </div>

app/templates/app/app/bundles/app/components/Dummy/Dummy.styl

@@ -6,17 +6,25 @@
   transform: translate(-50%, -50%)
   text-align: center
 
-  #auth
-    display: block
-    margin-top: 1rem
-    .auth-link
-      display: inline-block
-      padding: .3rem 1rem
-      border: 1px solid $blue
-      border-radius: 4px
-      background-color: #fff
-      color: $blue
-      text-decoration: none
-      cursor: pointer
-      &:active
-        transform: translate(1px, 1px)
+  $bg-color = #fff
+  #dummy__content
+    display: inline-block
+    padding: 2rem 3rem
+    background-color: $bg-color
+    box-shadow: 0 0 1px rgba(0, 0, 0, .1)
+
+    #dummy__content__auth
+      display: block
+      margin-top: 1rem
+
+      .dummy__content__auth__link
+        display: inline-block
+        padding: .3rem 1rem
+        border: 1px solid $blue
+        border-radius: 4px
+        background-color: $bg-color
+        color: $blue
+        text-decoration: none
+        cursor: pointer
+        &:active
+          transform: translate(1px, 1px)

app/templates/app/app/bundles/app/components/Login/Login.styl

@@ -15,8 +15,9 @@
       margin-right: 1%
       padding: 1rem 1.5rem
       border: 0
-      border-radius: 8px
-      background-color: #f1f1f1
+      border-radius: 0
+      background-color: #fff
+      box-shadow: 0 0 1px rgba(0, 0, 0, .1)
       &:focus
         box-shadow: 0px 0px 5px 0px rgba(#1ea9ff, 0.95)
 
@@ -42,4 +43,5 @@
         width: 100%
         margin: 0
         padding: 1rem 1.5rem
+        border-radius: 0
         color: #fff

app/templates/app/app/bundles/app/layouts/makeup/shape.styl

@@ -5,7 +5,7 @@ $base-line-height = 1.4
 
 /* Colors */
 $base-text-color = rgba(0, 0, 0, 0.8)
-$body-bg-color = #fff
+$body-bg-color = #eaeaea
 $footer-bg-color = #fff
 $main-color = #29d
 $blue = #29d