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; + } +} 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 {