add container around sharing functionality
add container around sharing functionality

file:a/index.html -> file:b/index.html
--- a/index.html
+++ b/index.html
@@ -24,7 +24,9 @@
     <div class="game-container">
       <div class="game-message">
         <p></p>
-        <a class="retry-button">Try again</a>
+        <div class="lower">
+          <a class="retry-button">Try again</a>
+        </div>
       </div>
 
       <div class="grid-container">

--- a/style/main.scss
+++ b/style/main.scss
@@ -180,16 +180,22 @@
       // line-height: $field-width;
     }
 
+    .lower {
+      display: block;
+      margin-top: 59px;
+    }
+
     a {
       display: inline-block;
-      background: darken($game-container-background, 10%);
+      background: darken($game-container-background, 20%);
       border-radius: 3px;
       padding: 0 20px;
       text-decoration: none;
       color: $bright-text-color;
       height: 40px;
       line-height: 42px;
-      margin-top: 59px;
+      margin-left: 9px;
+      // margin-top: 59px;
     }
 
     @include animation(fade-in 800ms ease $transition-speed * 12);

comments