From d3ab889c7e7eddfaabe780225c5b07c2a84de163 Mon Sep 17 00:00:00 2001
From: goldsteinsveta <svetlana.goldstein@gmail.com>
Date: Thu, 24 Sep 2020 18:20:54 +0200
Subject: [PATCH] nit: info msg under nav buttons on small screens

---
 src/App.vue                    | 33 +++++++++++++++++++--------------
 src/components/GeneralInfo.vue |  1 -
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3b1540a..57c1cad 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -245,20 +245,8 @@ textarea:disabled {
 }
 
 #logo {
-  margin: 0 2rem;
-}
-@media screen and (min-width: 850px) {
-  #logo {
-    position: absolute;
-    top: 2.5rem;
-    left: 2rem;
-    margin: 0;
-  }
-}
-@media screen and (max-width: 500px) {
-  #logo {
-    display: none;
-  }
+  margin: 0 2rem 0 0;
+  transform: translateY(-1rem);
 }
 #logo span {
   font-size: 1.2em;
@@ -305,4 +293,21 @@ button {
   font-style: italic;
   color: darkgray;
 }
+
+@media screen and (min-width: 850px) {
+  #logo {
+    position: absolute;
+    top: 3.5rem;
+    left: 2rem;
+    margin: 0;
+  }
+}
+@media screen and (max-width: 530px) {
+  #logo {
+    display: none;
+  }
+  .fold input:checked ~ .fold-content {
+    margin-top: 6rem;
+  }
+}
 </style>
diff --git a/src/components/GeneralInfo.vue b/src/components/GeneralInfo.vue
index 964c235..3dbe650 100644
--- a/src/components/GeneralInfo.vue
+++ b/src/components/GeneralInfo.vue
@@ -69,7 +69,6 @@ export default {
   position: relative;
   display: flex;
   align-items: center;
-  width: 150px;
   cursor: pointer;
 }
 .fold-content {