Fix space on buttons on home page

src/App.vue

@@ -147,6 +147,37 @@ html {
 .noWeeks {
   background-color: #ff4444;
 }
+.nav-tabs li a {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  margin-left: 10px;
+  margin-right: 10px;
+  background-color: white;
+  border-bottom-color: rgb(27, 117, 187);
+  border: 1px solid rgb(27, 117, 187);
+}
+
+.nav-tabs li :hover {
+  color: white;
+  background-color: rgb(27, 117, 187);
+}
+
+.nav-tabs li a.active {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  margin-left: 10px;
+  margin-right: 10px;
+  color: white;
+  background-color: rgb(80, 133, 240);
+  border-bottom-color: rgb(80, 133, 240);
+}
+
+.nav-tabs li a :hover {
+  background-color: transparent;
+  color: white;
+}
 </style>
 
 <style scoped>

src/components/home/carouselSection.vue

@@ -321,27 +321,10 @@ export default {
   border-top: none;
   border-left: none;
   border-right: none;
+  margin-left: 10px;
+  margin-right: 10px;
   background-color: white;
   border-bottom-color: rgb(27, 117, 187);
   border: 1px solid rgb(27, 117, 187);
 }
-
-.nav-tabs li :hover {
-  color: white;
-  background-color: rgb(27, 117, 187);
-}
-
-.nav-tabs li a.active {
-  border-top: none;
-  border-left: none;
-  border-right: none;
-  color: white;
-  background-color: rgb(80, 133, 240);
-  border-bottom-color: rgb(80, 133, 240);
-}
-
-.nav-tabs li a :hover {
-  background-color: transparent;
-  color: white;
-}
 </style>