making the travel tools dropdown wider

diff --git a/css/app.css b/css/app.css
index af8d916..a03794e 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7619,7 +7619,7 @@ body .leaflet-bottom.leaflet-right {
   color: white;
   padding: 10px;
   flex: 1 0 auto;
-  width: 230px; }
+  width: 245px; }
   .blog-dropdowns .blog-dropdown-container {
     display: flex;
     flex-wrap: wrap;
@@ -7665,9 +7665,9 @@ body .leaflet-bottom.leaflet-right {
   margin-right: 15px; }
 
 #travel-tool-items {
-  width: 200px;
+  width: 245px;
   background: #780307;
-  padding: 0 10px; }
+  padding: 0 22px; }
   #travel-tool-items .travel-tools-header, #travel-tool-items .travel-tool-text {
     font-family: 'Josefin Sans', sans-serif;
     text-align: center;

diff --git a/scss/plugins/_blogDropdown.scss b/scss/plugins/_blogDropdown.scss
index 0bc67bc..0c03498 100644 (file)
--- a/scss/plugins/_blogDropdown.scss
+++ b/scss/plugins/_blogDropdown.scss
@@ -6,7 +6,7 @@
     color: white;
     padding: 10px;
     flex: 1 0 auto;
-    width: 230px;
+    width: 245px;
     .blog-dropdown-container{
         display: flex;
         flex-wrap: wrap;
@@ -70,9 +70,9 @@
     }
 }
 #travel-tool-items{
-    width: 200px;
+    width: 245px;
     background: $red;
-    padding: 0 10px;
+    padding: 0 22px;
     .travel-tools-header, .travel-tool-text{
         font-family: 'Josefin Sans', sans-serif;
         text-align: center;