11

css/mobile-first.css

@@ -2477,7 +2477,7 @@ img.bottomlogopc {
 
 .zodiacsign {
     padding: 0 15px;
-    margin-bottom: 30px;
+    margin-bottom: 50px;
 clear: both;
 }
 
@@ -2488,7 +2488,7 @@ clear: both;
 .zodiacname {
     display: table;
     padding-left: 30px;
-    height: 130px;
+    height: 100px;
 }
 .zodiacname b {display: block;
     margin-top: 5px;}
@@ -2666,23 +2666,27 @@ input#imageField {
 ul.zodiacsignlist {    display: flex;
     clear: both;    margin-bottom: 40px;
     padding-left: 0;}
-    ul.zodiacsignlist li {    list-style: none;
-    float: left;
-    background: #3a3a32;
-    color: #fff;
-    width: 125px;
-    text-align: center;
-    padding: 10px 0;
-    margin-right: 2px;}
-    ul.zodiacsignlist li.active {list-style: none;
+    ul.zodiacsignlist li {   
+        cursor: pointer;
+        list-style: none;
+        float: left;
+        background: #3a3a32;
+        color: #fff;
+        width: 125px;
+        text-align: center;
+        padding: 10px;
+        margin-right: 2px;
+        margin-bottom: 2px;
+    }}
+    ul.zodiacsignlist li.active {    list-style: none;
         float: left;
         background: #ad1818;
         color: #fff;
         width: 125px;
         text-align: center;
-        padding: 10px 0;
-        margin-right: 2px;}
-        padding-left: 0;}
+        padding: 10px 10px;
+        margin-right: 2px;
+        margin-bottom: 2px;}
         ul.zodiacsignlist li a { color: #fff;}
 /*city attractions list */
 .attractionList {    float: left;