From: Jay Sitter <jay@jaysitter.com>
Date: Sun, 2 Jul 2023 15:20:02 +0000 (-0400)
Subject: fix: Fix vote buttons in list view variable width
X-Git-Url: http://these/git/%24%7Bsubmission.url%7D?a=commitdiff_plain;h=a72cc6807ed7da8238e0e0e9ac80fbd694ecd793;p=lemmy-ui.git

fix: Fix vote buttons in list view variable width
---

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index e5c163b..648e76d 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -81,6 +81,7 @@
 }
 
 .vote-bar {
+  min-width: 5ch;
   margin-top: -6.5px;
 }
 
diff --git a/src/shared/components/common/vote-buttons.tsx b/src/shared/components/common/vote-buttons.tsx
index 372a329..69df94b 100644
--- a/src/shared/components/common/vote-buttons.tsx
+++ b/src/shared/components/common/vote-buttons.tsx
@@ -174,7 +174,7 @@ export class VoteButtons extends Component<VoteButtonsProps, VoteButtonsState> {
 
   render() {
     return (
-      <div className="vote-bar pe-0 small text-center">
+      <div className="vote-bar small text-center">
         <button
           type="button"
           className={`btn-animate btn btn-link p-0 ${
@@ -193,7 +193,7 @@ export class VoteButtons extends Component<VoteButtonsProps, VoteButtonsState> {
         </button>
         {showScores() ? (
           <div
-            className="unselectable pointer text-muted px-1 post-score"
+            className="unselectable pointer text-muted post-score"
             data-tippy-content={tippy(this.props.counts)}
           >
             {numToSI(this.props.counts.score)}