more work on menu margins

groups/new-homepage-3/homepage3-js-css.html

@@ -64,12 +64,8 @@ a.searchmenu {
         color: #111;
 }
 
-.yamm4 > .row > .searchmenu >.highlight-menu-item {
-        padding: 2px;
-}
-
 .highlight-menu-item {
-        padding: 10px;
+        padding: 2px;
 }
 
 .highlight-menu-item:hover {
@@ -222,6 +218,10 @@ img {
         max-width: 460px;
 }
 
+#yamm4-margins {
+        margin: -15px 0px;
+}
+
 /* media queries */
 @media only screen and (min-width: 992px) {
         .form-width {

groups/new-homepage-3/homepage3-template.html

@@ -253,7 +253,7 @@
                                                                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                                          <li>
                                                                                  <div class="yamm-content yamm4">
-                                                                                         <div class="row">
+                                                                                         <div class="row" id="yamm4-margins">
                                                                                                  <a class="searchmenu" onclick="customizeSearch('Books')">
                                                                                                          <div class="col-xs-12 highlight-menu-item">
                                                                                                                  <strong>Books</strong>