Merge pull request #54 from HackDavis/fix/cow-in-river-and-river

Fix/cow in river and river

app/(pages)/(index-page)/_components/RiverCow/RightTree.module.scss

@@ -1,13 +1,10 @@
 @use 'app/(pages)/_globals/mixins';
 
 .container {
-    width: 50%;
-    margin-top: -5%;
+    width: 40%;
+    min-width: 224px;
+    height: min-content;
     margin-bottom: -30%;
-    margin-right: -8%;
-    @include mixins.phone {
-        margin-bottom: -56%;
-    }
     position: relative;
 }
 
@@ -22,22 +19,16 @@
     position: absolute;
     height: 100%;
     width: 100%;
-    right: -2%;
-    bottom: 9.5%;
+    bottom: -10%;
+    right: 0;
     z-index: 2;
-    @include mixins.tablet {
-        bottom: 1%;
-    }
 }
 
 .right_tree_reflection {
     position: absolute;
     height: 100%;
     width: 100%;
-    right: -2%;
-    bottom: 11%;
+    bottom: -20%;
+    right: 0;
     z-index: 1;
-    @include mixins.tablet {
-        bottom: 8%;
-    }
 }

app/(pages)/(index-page)/_components/RiverCow/RiverCow.module.scss

@@ -6,6 +6,10 @@
     background-color: var(--color-water);
     align-items: center;
     overflow: hidden;
+
+    @include mixins.phone {
+        padding-top: 48px;
+    }
 }
 
 .top_leaf_layer {

app/(pages)/(index-page)/_components/Stats/Stats.module.scss

@@ -78,7 +78,7 @@ $mobile-breakpoint: 505px;
 
 }
 .button_container{
-  padding: 10%; 
+  padding: 10% 10% 0 10%; 
 }
 .button{
   display: flex;