From c3deb5759b54e9d02e581f9c5efec647f097974a Mon Sep 17 00:00:00 2001
From: JULO01 <90795588+JULO01@users.noreply.github.com>
Date: Sun, 7 Nov 2021 14:51:33 +0100
Subject: [PATCH] Fixed Navigation Bar scaling of quiz-app

---
 quiz-app/src/App.vue | 34 ++++++++++++++++++++++++++--------
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/quiz-app/src/App.vue b/quiz-app/src/App.vue
index 65b54a08..8b5365df 100644
--- a/quiz-app/src/App.vue
+++ b/quiz-app/src/App.vue
@@ -1,14 +1,21 @@
 <template>
   <div>
     <nav>
-      <router-link class="navlink" to="/">Home</router-link>
-      <label for="locale">locale</label>
-      <select v-model="locale">
-        <option>en</option>
-        <option>es</option>
-      </select>
-
-      <span class="title">{{ questions[locale][0].title }}</span>
+      <ul>
+        <li>
+          <router-link class="navlink" to="/">Home</router-link>
+        </li>
+        <li>
+          <label for="locale">locale</label>
+        </li>
+        <li>
+          <select v-model="locale">
+            <option>en</option>
+            <option>es</option>
+          </select>
+        </li>
+        <li class="title">{{ questions[locale][0].title }}</li>
+      </ul>
     </nav>
     <div id="app">
       
@@ -74,6 +81,17 @@ nav a {
   text-align: right;
 }
 
+ul{
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+li {
+  float: left;
+}
+
 .title {
   color:white;
   font-weight: bold;