CSS fixes

src/App.scss

@@ -15,7 +15,7 @@
 .App {
   background-image: url("./public/bg_tile.jpg");
   background-size: contain;
-  background-repeat: round;
+  background-repeat: repeat;
   padding: 0;
   margin: 0;
   height: 100%;
@@ -34,7 +34,7 @@
 }
 
 .logo {
-  height: 5rem;
+  width: 20vw;
   margin: 16px;
 }
 

src/components/Output/HomeScreen.js

@@ -8,7 +8,7 @@ import googleplay from "../../public/googleplay.png";
 export default function HomeScreen() {
     return <div className="hs">
         <div className="hs-top">
-            <h5>Dowiedz się czym właściwie jest Menui</h5>
+            <h5>Dowiedz się czym jest Menui</h5>
             <div className="hs-top-icon"><HelpIcon/></div>
         </div>
         <div className="hs-center">
@@ -19,7 +19,7 @@ export default function HomeScreen() {
             </p>
         </div>
         <div className="hs-bottom">
-            <h4>Pobierz na telefon</h4>
+            <h4>Pobierz Menui na telefon</h4>
             <div>
                 <img className="hs-bottom-icon" src={appstore} alt="Get Menui from App Store" />
                 <img className="hs-bottom-icon" src={googleplay} alt="Get Menui from Google Play"/>

src/styles/Home.scss

@@ -1,5 +1,5 @@
 .hs {
-  height: 100%;
+  height: 90%;
   display: flex;
   flex-flow: column;
   justify-content: space-around;
@@ -46,3 +46,21 @@
 .hs-bottom-icon:hover {
   opacity: 1;
 }
+
+@media (max-height: 600px) {
+  .hs-top {
+    display: none;
+  }
+  .hs-center {
+    display: none;
+  }
+}
+
+@media (max-width: 768px) {
+  .hs-top {
+    display: none;
+  }
+  .hs-center {
+    display: none;
+  }
+}

src/styles/TopBar.scss

@@ -6,12 +6,13 @@
   justify-content: space-between;
   background-color: $main-color;
   position: fixed;
-  z-index: 1;
+  z-index: 3;
 }
 
 .topBarLogo {
   height: 2.4rem;
-  margin: 16px;
+  margin: 12px;
+  margin-left: 16px;
   cursor: pointer;
   &:hover {
     opacity: 0.5;
@@ -67,3 +68,15 @@
   display: flex;
   justify-content: center;
 }
+
+@media (max-width: 768px) {
+  .topBar-hamburger {
+    display: none;
+  }
+}
+
+@media (max-height: 600px) {
+  .topBar-hamburger {
+    display: none;
+  }
+}