comment style etc minor update

Willwesternavenue · Jan 15, 2025 · 4a69cc8 · 4a69cc8
1 parent bbcbdf1
commit 4a69cc8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/db/database.sqlite b/db/database.sqlite
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -137,7 +137,7 @@ a:hover {
 }
 
 .section h3 {
-    margin-bottom: 15px;
+    text-align: center;
     color: var(--color-dark-blue);
     font-size: 20px;
 }
@@ -320,7 +320,7 @@ max-height: calc(1.4em * 2);       /* 2行分の高さ (行数に合わせて計
 
 .other-issue-card h4.issue-title {
     color: var(--color-primary);
-    font-size: 0.95em; /* フォントサイズを縮小 */
+    font-size: 0.9em; /* フォントサイズを縮小 */
     margin-bottom: 6px; /* マージンを縮小 */
     white-space: normal;       /* 通常の折り返しを有効化 */
     overflow-wrap: break-word; /* 単語途中でも折り返し可能に */
@@ -394,7 +394,7 @@ max-height: calc(1.4em * 2);       /* 2行分の高さ (行数に合わせて計
     border-radius: var(--border-radius);
     cursor: pointer;
     transition: background-color var(--transition-speed), color var(--transition-speed);
-    font-size: 0.75em; /* フォントサイズを縮小 */
+    font-size: 0.7em; /* フォントサイズを縮小 */
 }
 
 .action-buttons button:hover {

diff --git a/public/js/commentRenderer.js b/public/js/commentRenderer.js
@@ -26,6 +26,7 @@ export function renderCommentsByStance(comments, yesContainerId, noContainerId)
                 </div>
                 <div class="likes">
                     <i class="fas fa-thumbs-up"></i> 0
+                    <i class="fas fa-thumbs-down"></i> 0
                 </div>
             </div>
         `;

diff --git a/public/js/scripts-top.js b/public/js/scripts-top.js
@@ -138,10 +138,12 @@ function createOtherIssueCard(issue) {
                 <div class="vote-bar-yes" style="width: ${yesPercent}%;"></div>
                 <div class="vote-bar-no" style="width: ${noPercent}%;"></div>
             </div>
+            <!--
             <div class="vote-counts">
                 <span>YES ${yesPercent}%</span>
                 <span>NO ${noPercent}%</span>
             </div>
+            -->
             <div class="action-buttons">
                 <button class="like-button" data-issue-id="${issue.id}" tabindex="0" aria-label="いいね ボタン">
                     <i class="fas fa-fire icon"></i> ${issue.likes || 0}
-Original file line number
+Diff line change
@@ Expand Up @@
                     </div>
                     <div class="likes">
                         <i class="fas fa-thumbs-up"></i> 0
+                        <i class="fas fa-thumbs-down"></i> 0
                     </div>
                 </div>
             `;
@@ Expand Down @@