Fix reveal padding

diff --git a/docs/assets/scss/_component-list.scss b/docs/assets/scss/_component-list.scss
index b345e20615693fd26887f34357ce167a3308e030..f0da93cadcfd0a2773ff30019354e1e7c9410fd1 100644 (file)
--- a/docs/assets/scss/_component-list.scss
+++ b/docs/assets/scss/_component-list.scss
@@ -81,7 +81,7 @@
   padding-bottom: 0.5rem;
 }
 
-.reveal {
+.nav-modal.reveal {
   padding: 0;
   padding-top: 1rem;
   background-color: #f7f7f7;

diff --git a/docs/partials/search-bar.html b/docs/partials/search-bar.html
index 87dbc75780fa55c8868c8de90cd59710c65989a9..6793d97cc5f0a60520fae932f40c0dfb38186368 100644 (file)
--- a/docs/partials/search-bar.html
+++ b/docs/partials/search-bar.html
@@ -7,7 +7,7 @@
   <div class="small-7 columns show-for-small-only">
     <span class="search-button" data-toggle="inline-search"></span>
     <a href="#" class="float-right small hollow button mobile-nav-button" data-open="navModal">Component List</a>
-    <div class="reveal" id="navModal" data-reveal>
+    <div class="reveal nav-modal" id="navModal" data-reveal>
       {{> component-list}}
       <button class="close-button" data-close aria-label="Close modal" type="button">
         <span aria-hidden="true">&times;</span>