diff --git a/src/components/Questions/Question.vue b/src/components/Questions/Question.vue index 59567b2..a79d367 100644 --- a/src/components/Questions/Question.vue +++ b/src/components/Questions/Question.vue @@ -162,7 +162,7 @@ export default { align-items: stretch; flex-direction: column; justify-content: stretch; - margin-bottom: 22px; + margin: 80px 0; padding-left: 44px; user-select: none; background-color: var(--color-main-background); @@ -194,7 +194,6 @@ export default { &__content { flex: 1 1 100%; max-width: 100%; - margin-bottom: 20px; padding: 0; } @@ -204,7 +203,6 @@ export default { flex: 1 1 100%; justify-content: space-between; width: auto; - margin-top: 20px; // Using type to have a higher order than the input styling of server &-title, diff --git a/src/views/Create.vue b/src/views/Create.vue index 94e1251..5c2e57c 100644 --- a/src/views/Create.vue +++ b/src/views/Create.vue @@ -384,13 +384,13 @@ export default { #form-title, #form-desc { width: 100%; - margin: 16px 0; // aerate the header padding: 0 16px; border: none; } #form-title { font-size: 2em; font-weight: bold; + margin: 32px 0; padding-left: 14px; // align with description (compensate font size diff) overflow-x: hidden; text-overflow: ellipsis; @@ -399,7 +399,6 @@ export default { #form-desc { min-height: 60px; max-height: 200px; - margin-top: 0; resize: none; } } @@ -432,8 +431,6 @@ export default { // To not overlap navigation toggle margin-left: 44px; height: var(--top-bar-height); - // make sure this doesn't take any space and appear floating - margin-top: -44px; .icon-add-white { opacity: 1;