From d81165ef0fb2cec473da6d7873d4c72eec1eea29 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Wed, 4 Sep 2024 20:48:20 +0200
Subject: [PATCH] refactor styling

---
 public/translations/it/default.json                   | 4 ++--
 src/components/board-buttons/board-buttons.module.css | 3 +++
 src/components/board-buttons/board-buttons.tsx        | 8 ++++----
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/public/translations/it/default.json b/public/translations/it/default.json
index 06150703..f04bd50c 100644
--- a/public/translations/it/default.json
+++ b/public/translations/it/default.json
@@ -218,8 +218,8 @@
   "token_address_whitelist": "Indirizzo del token (solo se sulla <1>whitelist</1>)",
   "token_id": "token id",
   "nsfw_boards": "Bache NSFW",
-  "hide_gore_boards": "Nascondi tavole Gore",
-  "hide_adult_boards": "Nascondi tavole per adulti",
+  "hide_gore_boards": "Nascondi board Gore",
+  "hide_adult_boards": "Nascondi board per adulti",
   "static_gif": "GIF Statica",
   "animated_gif": "GIF Animata",
   "hide_avatars": "Nascondi avatar",
diff --git a/src/components/board-buttons/board-buttons.module.css b/src/components/board-buttons/board-buttons.module.css
index 8eb8fcab..08e92ef9 100644
--- a/src/components/board-buttons/board-buttons.module.css
+++ b/src/components/board-buttons/board-buttons.module.css
@@ -30,6 +30,7 @@
 
 .desktopBoardButtons {
   padding-right: 5px;
+  text-transform: capitalize;
 }
 
 .desktopBoardButtons::after {
@@ -40,6 +41,8 @@
 
 .desktopBoardButtons .rightSideButtons {
   float: right;
+  display: flex;
+  align-items: center;
 }
 
 .desktopBoardButtons .rightSideButtons select {
diff --git a/src/components/board-buttons/board-buttons.tsx b/src/components/board-buttons/board-buttons.tsx
index 064672eb..190710cf 100644
--- a/src/components/board-buttons/board-buttons.tsx
+++ b/src/components/board-buttons/board-buttons.tsx
@@ -95,7 +95,7 @@ const SortOptions = () => {
   };
   return (
     <>
-      <span className='capitalize'>{t('sort_by')}</span>:&nbsp;
+      <span>{t('sort_by')}</span>:&nbsp;
       <select className='capitalize' value={sortType} onChange={handleSortChange}>
         <option value='active'>{t('bump_order')}</option>
         <option value='new'>{t('creation_date')}</option>
@@ -110,7 +110,7 @@ const ImageSizeOptions = () => {
 
   return (
     <>
-      <span className='capitalize'>{t('image_size')}:</span>&nbsp;
+      <span>{t('image_size')}:</span>&nbsp;
       <select className='capitalize' value={imageSize} onChange={(e) => setImageSize(e.target.value as 'Small' | 'Large')}>
         <option value='Small'>{t('small')}</option>
         <option value='Large'>{t('large')}</option>
@@ -125,7 +125,7 @@ const ShowOPCommentOption = () => {
 
   return (
     <>
-      <span className='capitalize'>{t('show_op_comment')}:</span>&nbsp;
+      <span>{t('show_op_comment')}:</span>&nbsp;
       <select className='capitalize' value={showOPComment ? 'On' : 'Off'} onChange={(e) => setShowOPComment(e.target.value === 'On')}>
         <option value='Off'>{t('off')}</option>
         <option value='On'>{t('on')}</option>
@@ -159,7 +159,7 @@ export const TimeFilter = ({ isInAllView, isInCatalogView, isInSubscriptionsView
     <>
       {!isTopbar ? (
         <>
-          <span className='capitalize'>{t('newer_than')}</span>:&nbsp;
+          <span>{t('newer_than')}</span>:&nbsp;
         </>
       ) : (
         <> </>