From 53a4b2d2c0606040a9931bc5cc7a975ed595002d Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Tue, 17 May 2022 21:42:03 +0200
Subject: [PATCH] Fix when switch label is too long

---
 src/pages/library/index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/library/index.tsx b/src/pages/library/index.tsx
index f8c2e5f..0a335ee 100644
--- a/src/pages/library/index.tsx
+++ b/src/pages/library/index.tsx
@@ -111,23 +111,23 @@ export default function Library(props: Immutable<Props>): JSX.Element {
         />
       </div>
 
-      <div className="flex flex-row gap-2 place-items-center">
-        <p className="flex-shrink-0">{langui.show_subitems}:</p>
+      <div className="flex flex-row gap-2 place-items-center place-content-between">
+        <p className="text-left">{langui.show_subitems}:</p>
         <Switch state={showSubitems} setState={setShowSubitems} />
       </div>
 
-      <div className="flex flex-row gap-2 place-items-center">
-        <p className="flex-shrink-0">{langui.show_primary_items}:</p>
+      <div className="flex flex-row gap-2 place-items-center place-content-between">
+        <p className="text-left">{langui.show_primary_items}:</p>
         <Switch state={showPrimaryItems} setState={setShowPrimaryItems} />
       </div>
 
-      <div className="flex flex-row gap-2 place-items-center">
-        <p className="flex-shrink-0">{langui.show_secondary_items}:</p>
+      <div className="flex flex-row gap-2 place-items-center place-content-between">
+        <p className="text-left">{langui.show_secondary_items}:</p>
         <Switch state={showSecondaryItems} setState={setShowSecondaryItems} />
       </div>
 
-      <div className="flex flex-row gap-2 place-items-center coarse:hidden">
-        <p className="flex-shrink-0">{langui.always_show_info}:</p>
+      <div className="flex flex-row gap-2 place-items-center coarse:hidden place-content-between">
+        <p className="text-left">{langui.always_show_info}:</p>
         <Switch setState={setKeepInfoVisible} state={keepInfoVisible} />
       </div>
     </SubPanel>