css: fix label style to support inline button

diff --git a/src/newslash_web/css/newslash/form.less b/src/newslash_web/css/newslash/form.less
index 3c6bfd6..dc342da 100644 (file)
--- a/src/newslash_web/css/newslash/form.less
+++ b/src/newslash_web/css/newslash/form.less
@@ -47,7 +47,6 @@ form:not(.compact), .form {
     label {
         display: block;
         margin: 0;
-        padding-right: 10px;
     }
 
     input:not([type]),

diff --git a/src/newslash_web/templates/common/components/comment_tree.html.tt2 b/src/newslash_web/templates/common/components/comment_tree.html.tt2
index ff55efb..a89eddf 100644 (file)
--- a/src/newslash_web/templates/common/components/comment_tree.html.tt2
+++ b/src/newslash_web/templates/common/components/comment_tree.html.tt2
@@ -8,14 +8,14 @@
     </div>
     <form class="form">
       [%#
-      <button type="button" class="btn btn-default form-control">コメント元ページを表示</button>
+      <button type="button" class="inline">コメント元ページを表示</button>
       %]
-      <button type="button" class="btn btn-default form-control" v-if="commentAllowed && !archived">
+      <button type="button" class="inline" v-if="commentAllowed && !archived">
         <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
         <span class="btn-text"> コメントを書く</span>
       </button>
-      <label aria-label="表示するコメント">
-        <select id="comment-filter" name="comment-filter" class="form-control" v-model="config.comment.show_threshold">
+      <label aria-label="表示するコメント" class="inline">
+        <select id="comment-filter" name="comment-filter" v-model="config.comment.show_threshold">
           <option value="-1">全コメントを表示</option>
           <option value="0">スコア0以上のコメントのみ表示</option>
           <option value="1">スコア1以上のコメントのみ表示</option>
@@ -26,8 +26,8 @@
         </select>
       </label>
     
-      <label aria-label="コメント表示方法">
-        <select id="body-filter" name="body-filter" class="form-control" v-model="config.comment.fold_threshold">
+      <label aria-label="コメント表示方法" class="inline">
+        <select id="body-filter" name="body-filter" v-model="config.comment.fold_threshold">
           <option value="-1">すべての本文を表示</option>
           <option value="0">スコア0未満のコメントは抜粋表示</option>
           <option value="1">スコア1未満のコメントは抜粋表示</option>
@@ -38,7 +38,7 @@
         </select>
       </label>
 
-      <button type="button" class="btn btn-default form-control" aria-label="表示設定"
+      <button type="button" class="inline" aria-label="表示設定"
               v-on:click="showPrefs=!showPrefs" :class="{active: showPrefs}">
         <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
         <span class="btn-text">表示設定</span>