From 8e3bee8895737ff1b4e6e22a80113ac795a743e7 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 24 Jul 2022 10:40:51 +0300
Subject: [PATCH] stack.vertical -> stack.horizontal

---
 app/components/FormWithConfirm.tsx | 2 +-
 app/routes/admin.tsx               | 6 +++---
 app/routes/plus/suggestions.tsx    | 4 ++--
 app/routes/plus/voting/index.tsx   | 2 +-
 app/styles/common.css              | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/components/FormWithConfirm.tsx b/app/components/FormWithConfirm.tsx
index 8a05b0382..7a7f26fbe 100644
--- a/app/components/FormWithConfirm.tsx
+++ b/app/components/FormWithConfirm.tsx
@@ -32,7 +32,7 @@ export function FormWithConfirm({
       <Dialog isOpen={dialogOpen} close={closeDialog} className="text-center">
         <div className="stack md">
           <h2 className="text-sm">{dialogHeading}</h2>
-          <div className="stack vertical md justify-center">
+          <div className="stack horizontal md justify-center">
             <Button
               form={id}
               variant="destructive"
diff --git a/app/routes/admin.tsx b/app/routes/admin.tsx
index 4b67ffa76..f053b8025 100644
--- a/app/routes/admin.tsx
+++ b/app/routes/admin.tsx
@@ -100,7 +100,7 @@ function Impersonate() {
           }
         />
       </div>
-      <div className="stack vertical md">
+      <div className="stack horizontal md">
         <Button type="submit" disabled={!userId}>
           Go
         </Button>
@@ -129,7 +129,7 @@ function MigrateUser() {
   return (
     <Form className="stack md" method="post">
       <h2>Migrate user data</h2>
-      <div className="stack vertical md">
+      <div className="stack horizontal md">
         <div>
           <label>Old user</label>
           <UserCombobox
@@ -149,7 +149,7 @@ function MigrateUser() {
           />
         </div>
       </div>
-      <div className="stack vertical md">
+      <div className="stack horizontal md">
         <Button
           type="submit"
           disabled={!oldUserId || !newUserId || transition.state !== "idle"}
diff --git a/app/routes/plus/suggestions.tsx b/app/routes/plus/suggestions.tsx
index ab7eeb0a6..d3e35f575 100644
--- a/app/routes/plus/suggestions.tsx
+++ b/app/routes/plus/suggestions.tsx
@@ -299,7 +299,7 @@ function SuggestedForInfo({ hideText = false }: { hideText?: boolean }) {
         </div>
       ) : null}
       {canDeleteSuggestionOfThemselves() ? (
-        <div className="stack vertical md">
+        <div className="stack horizontal md">
           {data.suggestedForTiers.map((tier) => (
             <FormWithConfirm
               key={tier}
@@ -409,7 +409,7 @@ export function PlusSuggestionComments({
             <fieldset key={suggestion.id} className="plus__comment">
               <legend>{discordFullName(suggestion.author)}</legend>
               {suggestion.text}
-              <div className="stack vertical xs items-center">
+              <div className="stack horizontal xs items-center">
                 <span className="plus__comment-time">
                   <RelativeTime
                     timestamp={databaseTimestampToDate(
diff --git a/app/routes/plus/voting/index.tsx b/app/routes/plus/voting/index.tsx
index b9682eeb5..55c660fa6 100644
--- a/app/routes/plus/voting/index.tsx
+++ b/app/routes/plus/voting/index.tsx
@@ -262,7 +262,7 @@ function Voting(data: Extract<PlusVotingLoaderData, { type: "voting" }>) {
             size="lg"
           />
           <h2>{discordFullName(currentUser.user)}</h2>
-          <div className="stack vertical md">
+          <div className="stack horizontal md">
             <Button
               className="plus-voting__vote-button downvote"
               variant="outlined"
diff --git a/app/styles/common.css b/app/styles/common.css
index 52a906612..f1aace45e 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -135,7 +135,7 @@
   gap: var(--s-8);
 }
 
-.stack.vertical {
+.stack.horizontal {
   flex-direction: row;
 }