From 57fd510dfda56541a5930d16fc7aebebabf9d70d Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Mon, 20 Jul 2020 16:08:57 +0200
Subject: [PATCH] more fixes on responsive for small screens

---
 src/components/AboutPage.vue  | 4 ++--
 src/components/EditorNote.vue | 5 ++++-
 src/components/SplashPage.vue | 3 +++
 src/components/bbq.vue        | 3 +++
 src/components/breakfast.vue  | 5 ++++-
 src/components/cake.vue       | 3 +++
 src/components/cart.vue       | 3 +++
 src/components/eggs.vue       | 3 +++
 src/components/leekpilaf.vue  | 3 +++
 src/components/noodles.vue    | 3 +++
 src/components/onion.vue      | 5 ++++-
 src/components/pesto.vue      | 3 +++
 src/components/pretzel.vue    | 3 +++
 src/components/recipe.vue     | 3 +++
 src/components/ricecooker.vue | 3 +++
 src/components/scooter.vue    | 3 +++
 16 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/src/components/AboutPage.vue b/src/components/AboutPage.vue
index e76f667..18637f5 100644
--- a/src/components/AboutPage.vue
+++ b/src/components/AboutPage.vue
@@ -80,9 +80,9 @@ a {
                     <p>Magiun is the name of a Romanian jam made out of plums, with no extra sugar added. It has a very thick consistency and a dark violet color, sometimes even black. The most well-known variety, <a href="https://en.wikipedia.org/wiki/Magiun_of_Topoloveni">Magiun de Topoloveni</a>, is the first Romanian certified natural product and protected by European Union. I grew up with a less well-known king of magiun, the one my grandparents used to prepare year after year in their yard, from plums I begrudgingly helped pick from our orchard. The making of magiun was a night-long affair, during which purple, fleshy plums melted away into a thick, sticky, dark brown paste. </p>
                     <p>Throughout these past weeks, this container of magiun my mother sent me in a package has been one of my main comforts, a thin layer (to save it) on a slice of bread every other day. It is now almost empty.</p>
                     <p></p>
-                    <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. </p>
+                    <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. For questions/offers of help/contributions send an email at hello@magiun.online.</p>
                     <p>The website has been made using Bootstrap-Vue. All content (text, images, illustrations) is licensed under the Free Art License, unless specified otherwise.</p>
-                    <p>This project has been developed with the help of CBK Rotterdam, through the use of the PPR funding opportunity.</p>
+                    <p>This project has been developed with the help of the CBK Rotterdam PPR fund.</p>
         </b-col>
     </b-row>
   </b-container>
diff --git a/src/components/EditorNote.vue b/src/components/EditorNote.vue
index 6ba2586..7981930 100644
--- a/src/components/EditorNote.vue
+++ b/src/components/EditorNote.vue
@@ -56,7 +56,7 @@ a {
 
 @media (max-width: 575px) {
   .title_story {
-    font-size: 30px;
+    font-size: 25px;
   }
   .small_icon {
     max-width: 50%;
@@ -64,6 +64,9 @@ a {
     padding-left: 50px;
 
   }
+  .author {
+    font-size: 15px;
+  }
 }
 
 </style>
diff --git a/src/components/SplashPage.vue b/src/components/SplashPage.vue
index ef49cce..d149f99 100644
--- a/src/components/SplashPage.vue
+++ b/src/components/SplashPage.vue
@@ -79,6 +79,9 @@ a {
     padding-left: 20px;
 margin-top: 20px;
 }
+  #icons {
+    width: 50%;
+  }
 }
 
 </style>
diff --git a/src/components/bbq.vue b/src/components/bbq.vue
index 40933cc..bf3949c 100644
--- a/src/components/bbq.vue
+++ b/src/components/bbq.vue
@@ -75,6 +75,9 @@ a {
   .title_story {
     font-size: 30px;
   }
+  .author {
+    font-size: 15px;
+  }
 }
 </style>
 
diff --git a/src/components/breakfast.vue b/src/components/breakfast.vue
index 23bef8d..058383e 100644
--- a/src/components/breakfast.vue
+++ b/src/components/breakfast.vue
@@ -78,8 +78,11 @@ a {
      .title_story {
        font-size: 30px;
      }
+     .author {
+       font-size: 15px;
+     }
    }
-   
+
 </style>
 
 <template>
diff --git a/src/components/cake.vue b/src/components/cake.vue
index a3a57c7..7ca0a2c 100644
--- a/src/components/cake.vue
+++ b/src/components/cake.vue
@@ -84,6 +84,9 @@ a {
      .title_story {
        font-size: 30px;
      }
+     .author {
+       font-size: 15px;
+     }
    }
 
 </style>
diff --git a/src/components/cart.vue b/src/components/cart.vue
index f7f286d..3459e38 100644
--- a/src/components/cart.vue
+++ b/src/components/cart.vue
@@ -75,6 +75,9 @@ a {
   .title_story {
     font-size: 30px;
   }
+  .author {
+    font-size: 15px;
+  }
 }
 
 </style>
diff --git a/src/components/eggs.vue b/src/components/eggs.vue
index 6dc4cc8..008963b 100644
--- a/src/components/eggs.vue
+++ b/src/components/eggs.vue
@@ -78,6 +78,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 
diff --git a/src/components/leekpilaf.vue b/src/components/leekpilaf.vue
index 7155b62..afe788d 100644
--- a/src/components/leekpilaf.vue
+++ b/src/components/leekpilaf.vue
@@ -69,6 +69,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 
diff --git a/src/components/noodles.vue b/src/components/noodles.vue
index bdf02dd..1fce3a4 100644
--- a/src/components/noodles.vue
+++ b/src/components/noodles.vue
@@ -77,6 +77,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 
 </style>
diff --git a/src/components/onion.vue b/src/components/onion.vue
index bcebe8b..abe028f 100644
--- a/src/components/onion.vue
+++ b/src/components/onion.vue
@@ -82,8 +82,11 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
-      
+
 </style>
 
 <template>
diff --git a/src/components/pesto.vue b/src/components/pesto.vue
index 31ca2ff..94bb97f 100644
--- a/src/components/pesto.vue
+++ b/src/components/pesto.vue
@@ -77,6 +77,9 @@ a {
      .title_story {
        font-size: 30px;
      }
+     .author {
+       font-size: 15px;
+     }
    }
 
 </style>
diff --git a/src/components/pretzel.vue b/src/components/pretzel.vue
index 5029531..07b6837 100644
--- a/src/components/pretzel.vue
+++ b/src/components/pretzel.vue
@@ -80,6 +80,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 
diff --git a/src/components/recipe.vue b/src/components/recipe.vue
index c226b30..a94ef42 100644
--- a/src/components/recipe.vue
+++ b/src/components/recipe.vue
@@ -78,6 +78,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 
diff --git a/src/components/ricecooker.vue b/src/components/ricecooker.vue
index d1c71ce..471be90 100644
--- a/src/components/ricecooker.vue
+++ b/src/components/ricecooker.vue
@@ -63,6 +63,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 
diff --git a/src/components/scooter.vue b/src/components/scooter.vue
index 221d77f..6edc8c9 100644
--- a/src/components/scooter.vue
+++ b/src/components/scooter.vue
@@ -78,6 +78,9 @@ a {
        padding-right: 20px;
        padding-left: 60px;
      }
+     .author {
+       font-size: 15px;
+     }
    }