From b4039775921d6dc90f89c29351f9e6289fd01ffc Mon Sep 17 00:00:00 2001
From: Lex Zhukov <lexzhukovpro@gmail.com>
Date: Mon, 24 Jul 2017 14:33:27 +0300
Subject: [PATCH] fix(buttons): improve dropdown styles (#20)

---
 .../dropdown-button.component.html            | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html b/src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html
index f1c32002..ff65a995 100644
--- a/src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html
+++ b/src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html
@@ -4,41 +4,41 @@
     <div class="btn-group" ngbDropdown>
       <button type="button" class="btn btn-primary">Dropdown</button>
       <button type="button" class="btn btn-primary" ngbDropdownToggle></button>
-      <div class="dropdown-menu">
-        <a class="dropdown-item" href="#">Icon Button</a>
-        <a class="dropdown-item" href="#">Hero Button</a>
-        <a class="dropdown-item" href="#">Default</a>
-      </div>
+      <ul class="dropdown-menu">
+        <li class="dropdown-item">Icon Button</li>
+        <li class="dropdown-item">Hero Button</li>
+        <li class="dropdown-item">Default</li>
+      </ul>
     </div>
     <div ngbDropdown>
       <button class="btn btn-primary" type="button" ngbDropdownToggle>
         Dropdown
       </button>
-      <div class="dropdown-menu">
-        <a class="dropdown-item" href="#">Icon Button</a>
-        <a class="dropdown-item" href="#">Hero Button</a>
-        <a class="dropdown-item" href="#">Default</a>
-      </div>
+      <ul class="dropdown-menu">
+        <li class="dropdown-item">Icon Button</li>
+        <li class="dropdown-item">Hero Button</li>
+        <li class="dropdown-item">Default</li>
+      </ul>
     </div>
     <div class="outline-dropdown" ngbDropdown>
       <button class="btn btn-outline-primary" type="button" ngbDropdownToggle>
         Dropdown
       </button>
-      <div class="dropdown-menu">
-        <a class="dropdown-item" href="#">Icon Button</a>
-        <a class="dropdown-item" href="#">Hero Button</a>
-        <a class="dropdown-item" href="#">Default</a>
-      </div>
+      <ul class="dropdown-menu">
+        <li class="dropdown-item">Icon Button</li>
+        <li class="dropdown-item">Hero Button</li>
+        <li class="dropdown-item">Default</li>
+      </ul>
     </div>
     <div class="ghost-dropdown" ngbDropdown>
       <button class="btn btn-primary" type="button" ngbDropdownToggle>
         Dropdown
       </button>
-      <div class="dropdown-menu">
-        <a class="dropdown-item" href="#">Icon Button</a>
-        <a class="dropdown-item" href="#">Hero Button</a>
-        <a class="dropdown-item" href="#">Default</a>
-      </div>
+      <ul class="dropdown-menu">
+        <li class="dropdown-item">Icon Button</li>
+        <li class="dropdown-item">Hero Button</li>
+        <li class="dropdown-item">Default</li>
+      </ul>
     </div>
   </nga-card-body>
 </nga-card>