j

.idea/workspace.xml

@@ -3,6 +3,7 @@
   <component name="ChangeListManager">
     <list default="true" id="83262c17-7030-4f8f-af17-e1cc55f76944" name="Default" comment="">
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.sass-cache/0adc96cee11bc739fc2ea1eeea463a9ab946286f/main.scssc" afterPath="$PROJECT_DIR$/.sass-cache/0adc96cee11bc739fc2ea1eeea463a9ab946286f/main.scssc" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/Public/static/css/main.css" afterPath="$PROJECT_DIR$/Public/static/css/main.css" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/Public/static/css/main.scss" afterPath="$PROJECT_DIR$/Public/static/css/main.scss" />
     </list>
@@ -91,8 +92,8 @@
           <file leaf-file-name="main.scss" pinned="false" current-in-tab="true">
             <entry file="file://$PROJECT_DIR$/Public/static/css/main.scss">
               <provider selected="true" editor-type-id="text-editor">
-                <state relative-caret-position="368">
-                  <caret line="198" column="2" lean-forward="false" selection-start-line="198" selection-start-column="2" selection-end-line="198" selection-end-column="2" />
+                <state relative-caret-position="292">
+                  <caret line="202" column="14" lean-forward="false" selection-start-line="202" selection-start-column="14" selection-end-line="202" selection-end-column="14" />
                   <folding />
                 </state>
               </provider>
@@ -496,12 +497,12 @@
       <option name="presentableId" value="Default" />
       <updated>1562502557206</updated>
       <workItem from="1562502558877" duration="2926000" />
-      <workItem from="1562505554364" duration="8795000" />
+      <workItem from="1562505554364" duration="8849000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="11721000" />
+    <option name="totallyTimeSpent" value="11775000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1440" height="817" extended-state="6" />
@@ -702,8 +703,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/Public/static/css/main.scss">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="368">
-          <caret line="198" column="2" lean-forward="false" selection-start-line="198" selection-start-column="2" selection-end-line="198" selection-end-column="2" />
+        <state relative-caret-position="292">
+          <caret line="202" column="14" lean-forward="false" selection-start-line="202" selection-start-column="14" selection-end-line="202" selection-end-column="14" />
           <folding />
         </state>
       </provider>

Public/static/css/main.css

@@ -169,15 +169,16 @@ ul, li {
   /* NEW - Chrome */
   display: flex;
   align-items: center;
-  justify-content: center;
 }
 
 #container {
   width: 100%;
   height: 100%;
+  justify-content: space-between;
   flex-direction: column-reverse;
 }
 #container .btn-prize {
+  justify-content: center;
   width: 200px;
   height: 200px;
   font-size: 27px;

Public/static/css/main.scss

@@ -190,7 +190,7 @@ ul, li {
   display: -webkit-flex; /* NEW - Chrome */
   display: flex;
   align-items: center;
-  justify-content: center;
+
 }
 
 #container {
@@ -198,9 +198,11 @@ ul, li {
   width: 100%;
 
   height: 100%;
+  justify-content: space-between;
 flex-direction: column-reverse;
   .btn-prize {
     @extend .flex;
+    justify-content: center;
     width: torem(200px);
     height: torem(200px);
     font-size: 27px;