fixes suggest css.

lostsnow · Apr 30, 2016 · e161a48 · e161a48
1 parent a92149b
commit e161a48
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/css/popup.css b/css/popup.css
@@ -1,10 +1,10 @@
 html {
-    height: 320px;
+    height: 350px;
 }
 
 body {
     width: 480px;
-    height: 305px;
+    height: 335px;
     color: #333;
     font-family: helvetica;
     font-size: 12px;
@@ -38,12 +38,12 @@ ul .item-title {
 
 #suggest {
     display: inline-block;
-    margin: 5px 0 0 5px;
+    margin: 5px 0 0 8px;
 }
 
 #suggest a {
-    margin: 0 3px;
-    float: left;
+    display: inline-block;
+    margin: 0 3px 3px 0;
 }
 
 #suggest a.selected {
@@ -58,7 +58,7 @@ ul .item-title {
     position: absolute;
     width: 100%;
     margin: 80px auto;
-    height: 165px;
+    height: 195px;
     background-color: #FFF;
     z-index: 20;
     text-align: center;
@@ -67,7 +67,7 @@ ul .item-title {
 #login-window {
     position: absolute;
     width: 100%;
-    height: 240px;
+    height: 270px;
     background-color: #FFF;
     z-index: 10;
 }

diff --git a/html/popup.html b/html/popup.html
@@ -66,13 +66,13 @@
                         <label class="item-title">Tags</label>
                         <input id="tag" type="text" style="width:420px" autofocus="autofocus" ng-model="pageInfo.tag" ng-change="showAutoComplete()" ng-keydown="chooseTag($event)"/>
                     </li>
-                    <li>
+                    <li ng-show="suggests.length > 0">
                         <label class="item-title">Suggest</label>
-                        <span id="suggest">
+                        <div id="suggest">
                             <a href="#" ng-class="{'selected':pageInfo.tag.split(' ').indexOf(suggest) != -1}"
                                ng-repeat="suggest in suggests" ng-click="addTags([suggest])">{{suggest}}</a>
                             <a href="#" id="add-all" ng-click="addTags(suggests)">Add all</a>
-                        </span>
+                        </div>
                     </li>
                     <li>
                         <input type="checkbox" name="private" id="private" ng-model="pageInfo.isPrivate" ng-checked="pageInfo.isPrivate">