adjust margins and padding

src/components/Article.vue

@@ -196,8 +196,9 @@ export default {
 article {
   position: relative;
   padding: 24px;
-  margin: 10px;
-
+  margin-bottom: 10px;
+  margin-right: 10px;
+  margin-left: 10px;
   background-color: #ffffff;
 }
 
@@ -208,6 +209,7 @@ article {
 
 #single_article_container article {
   border: none;
+  margin-top: 10px;
 }
 
 

src/components/DictionaryView.vue

@@ -576,7 +576,7 @@ main {
 
 
 div.welcome {
-  margin-top: 10px;
+  padding-top: 10px;
   flex-grow: 10;
   background-image: url('../assets/books.jpg');
   background-repeat: no-repeat;
@@ -601,6 +601,12 @@ div.welcome article {
   padding-right: calc((100vw - 1200px) / 2);
 }
 
+#above_results {
+  padding-top: 10px;
+  margin-left: 10px
+}
+
+
 .error > p {
   margin-left: 15px;
 }
@@ -675,7 +681,6 @@ li.suggestion {
 
 .nav_arrow {
   vertical-align: top !important;
-  margin-left: 10px;
   color: var(--v-primary-base) !important;
 }