Merge branch 'master' of github.com:growlerapp/webapp into fix/geo-de…

…tection

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growlerapp/webapp",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/components/Loading.vue

@@ -36,8 +36,8 @@ export default {
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   position: fixed;
-  width: 36px;
-  height: 36px;
+  width: 46px;
+  height: 46px;
   top: 50%;
   left: 50%;
   z-index: 10;

src/components/StoreItem.vue

@@ -104,10 +104,17 @@ export default {
 .StoreItem-meta-name {
   font-family: var(--font-family-primary);
   font-weight: 600;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 6px;
+  margin-right: 80px;
+}
+
+@media (--sm-viewport) {
+  .StoreItem-meta-name {
+    font-size: 1.2rem;
+  }
 }
 
 .StoreItem-meta-address {

src/components/StoreItemFull.vue

@@ -87,12 +87,18 @@ export default {
 .StoreItemFull-name {
   font-family: var(--font-family-primary);
   font-weight: 600;
-  font-size: 2rem;
+  font-size: 1.6rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 6px;
 }
 
+@media (--sm-viewport) {
+  .StoreItemFull-name {
+    font-size: 2rem;
+  }
+}
+
 .StoreItemFull-address {
   margin-bottom: 2px;
 }

src/views/Splash.vue

@@ -12,7 +12,6 @@
           </div>
 
           <div class="Splash-step">
-            <i class="ico-pin"></i>
             <h2>
               Encuentra los bares <br>
               más cercanos para <br>
@@ -196,7 +195,7 @@ export default {
   margin: 0 auto;
   transform: translateY(20px);
   animation: anim-fade 1s .6s ease forwards;
-  max-height: 40%;
+  max-height: 36%;
 }
 
 .Splash h1 {
@@ -230,11 +229,15 @@ export default {
   position: absolute;
   left: 40px;
   right: 40px;
-  bottom: -20px;
+  bottom: 0;
+}
+
+.Splash-step:nth-child(2) {
+  bottom: -30px;
 }
 
-.Splash-step:nth-child(1) {
-  bottom: 10px;
+.Splash-step:nth-child(2) h2 {
+  margin-bottom: 0;
 }
 
 .Splash-step.is-active {