From 6b7e757b36e352b9cba03386dcff93c135e513fc Mon Sep 17 00:00:00 2001
From: Dragos <dragosct10@gmail.com>
Date: Tue, 12 Feb 2019 11:08:16 +0200
Subject: [PATCH] carousel fixed new version

---
 src/assets/scss/material-kit/_carousel.scss     | 9 +++++----
 src/views/components/NavigationSection.vue      | 6 +++---
 src/views/components/SmallNavigationSection.vue | 2 +-
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/assets/scss/material-kit/_carousel.scss b/src/assets/scss/material-kit/_carousel.scss
index c4d53e3d1..6938485b1 100644
--- a/src/assets/scss/material-kit/_carousel.scss
+++ b/src/assets/scss/material-kit/_carousel.scss
@@ -8,11 +8,12 @@
   border-radius: $border-radius-large;
 }
 
-.VueCarousel-dot-button {
-  display: inline-block;
+.VueCarousel-dot {
   width: 10px !important;
   height: 10px !important;
-  border: 1px solid #fff !important;
+  padding: 0 !important;
+  margin: 10px;
+  border: 1px solid #fff;
   background: #FFF !important;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
   border-radius: 2px !important;
@@ -23,7 +24,7 @@
   }
 }
 
-.VueCarousel-dot--active .VueCarousel-dot-button {
+.VueCarousel-dot--active {
   margin-top: 10px;
   transform: scale(1.5);
   box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
diff --git a/src/views/components/NavigationSection.vue b/src/views/components/NavigationSection.vue
index 774a4879f..d2ff66e0a 100644
--- a/src/views/components/NavigationSection.vue
+++ b/src/views/components/NavigationSection.vue
@@ -9,7 +9,7 @@
                 <div class="md-toolbar-section-start">
                   <h3 class="md-title">Brand</h3>
                   <md-list>
-                    <md-list-item to="/">
+                    <md-list-item href="#/">
                       <p>Link</p>
                     </md-list-item>
 
@@ -58,7 +58,7 @@
 
                   <div class="md-collapse">
                     <md-list>
-                      <md-list-item to="/">
+                      <md-list-item href="#/">
                         <p>Discover</p>
                       </md-list-item>
 
@@ -90,7 +90,7 @@
 
                   <div class="md-collapse">
                     <md-list>
-                      <md-list-item to="/">
+                      <md-list-item href="#/">
                         <md-icon>explore</md-icon>
                         <p>Discover</p>
                       </md-list-item>
diff --git a/src/views/components/SmallNavigationSection.vue b/src/views/components/SmallNavigationSection.vue
index f042f1e09..6cebf4c19 100644
--- a/src/views/components/SmallNavigationSection.vue
+++ b/src/views/components/SmallNavigationSection.vue
@@ -11,7 +11,7 @@
               <div class="md-toolbar-section-start">
                 <h3 class="md-title">Menu</h3>
                 <md-list>
-                  <md-list-item to="/">
+                  <md-list-item href="#/">
                     <p>Link</p>
                   </md-list-item>