From aba05a288498da2e547804523075444995f77608 Mon Sep 17 00:00:00 2001
From: Georgia Shay <georgiashay@gmail.com>
Date: Sat, 8 Feb 2020 21:31:22 -0500
Subject: [PATCH 1/3] Added tab color and elevation

---
 src/components/RoadTabs.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/RoadTabs.vue b/src/components/RoadTabs.vue
index ae7fe10f..a4208a48 100644
--- a/src/components/RoadTabs.vue
+++ b/src/components/RoadTabs.vue
@@ -3,6 +3,7 @@
     <v-tabs
       v-model="tabRoad"
       show-arrows
+      color="blue lighten-5"
     >
       <v-tabs-slider />
       <v-tab
@@ -10,8 +11,10 @@
         :key="roadId"
         :href="`#${roadId}`"
         @click="$store.commit('setActiveRoad', roadId)"
+        class="blue lighten-5 elevation-1"
+        active-class="primary lighten-2 elevation-5"
       >
-        {{ roads[roadId].name }}
+        <span>{{ roads[roadId].name }}</span>
         <v-btn v-show="roadId == tabRoad" icon flat @click="newRoadName = roads[roadId].name; editDialog = true;">
           <v-icon>edit</v-icon>
         </v-btn>

From 5e3766c289f8562eb289de6913881934de96dbab Mon Sep 17 00:00:00 2001
From: Georgia Shay <georgiashay@gmail.com>
Date: Sat, 8 Feb 2020 21:32:27 -0500
Subject: [PATCH 2/3] lint

---
 src/components/RoadTabs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/RoadTabs.vue b/src/components/RoadTabs.vue
index a4208a48..1b92c928 100644
--- a/src/components/RoadTabs.vue
+++ b/src/components/RoadTabs.vue
@@ -10,9 +10,9 @@
         v-for="roadId in Object.keys(roads)"
         :key="roadId"
         :href="`#${roadId}`"
-        @click="$store.commit('setActiveRoad', roadId)"
         class="blue lighten-5 elevation-1"
         active-class="primary lighten-2 elevation-5"
+        @click="$store.commit('setActiveRoad', roadId)"
       >
         <span>{{ roads[roadId].name }}</span>
         <v-btn v-show="roadId == tabRoad" icon flat @click="newRoadName = roads[roadId].name; editDialog = true;">

From 7efd68976a482c22dca5e0d7e7f80fa2f5e2cae2 Mon Sep 17 00:00:00 2001
From: Georgia Shay <georgiashay@gmail.com>
Date: Wed, 12 Feb 2020 16:47:50 -0500
Subject: [PATCH 3/3] Added dividers kind of

---
 src/components/RoadTabs.vue | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/RoadTabs.vue b/src/components/RoadTabs.vue
index 1b92c928..fabbc9ea 100644
--- a/src/components/RoadTabs.vue
+++ b/src/components/RoadTabs.vue
@@ -6,19 +6,24 @@
       color="blue lighten-5"
     >
       <v-tabs-slider />
-      <v-tab
+      <template
         v-for="roadId in Object.keys(roads)"
-        :key="roadId"
-        :href="`#${roadId}`"
-        class="blue lighten-5 elevation-1"
-        active-class="primary lighten-2 elevation-5"
-        @click="$store.commit('setActiveRoad', roadId)"
+        class = "m-0 p-0"
       >
-        <span>{{ roads[roadId].name }}</span>
-        <v-btn v-show="roadId == tabRoad" icon flat @click="newRoadName = roads[roadId].name; editDialog = true;">
-          <v-icon>edit</v-icon>
-        </v-btn>
-      </v-tab>
+        <v-tab
+          :key="roadId"
+          :href="`#${roadId}`"
+          class="blue lighten-5"
+          active-class="primary lighten-2 elevation-5"
+          @click="$store.commit('setActiveRoad', roadId)"
+        >
+          <span>{{ roads[roadId].name }}</span>
+          <v-btn v-show="roadId == tabRoad" icon flat @click="newRoadName = roads[roadId].name; editDialog = true;">
+            <v-icon>edit</v-icon>
+          </v-btn>
+        </v-tab>
+        <v-divider class = "mt-0 mb-0" vertical inset/>
+      </template>
       <v-dialog v-model="editDialog" max-width="600" @input="newRoadName = ''">
         <v-card>
           <v-btn icon flat style="float:right" @click="editDialog = false">