TW-565 Fixed items aligning

madfish-solutions · Jul 31, 2023 · 67b6b88 · 67b6b88
1 parent 8ec3760
commit 67b6b88
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/app/templates/PaymentProviderInput/index.tsx b/src/app/templates/PaymentProviderInput/index.tsx
@@ -62,7 +62,7 @@ interface PaymentProviderDropdownFaceContentProps {
 const PaymentProviderDropdownFaceContent: FC<PaymentProviderDropdownFaceContentProps> = ({ value, testId }) => (
   <div className="w-full flex flex-row items-center gap-2 rounded-md cursor-pointer" {...setTestID(testId)}>
     <TopUpProviderIcon providerId={value?.id} />
-    <div className="flex flex-1 flex-col">
+    <div className="flex flex-1 flex-col items-start">
       {isDefined(value) ? (
         <>
           <span className="font-normal text-ulg text-gray-700 leading-tight">{value.name}</span>

diff --git a/src/app/templates/SettingsGeneral/Components/BlockExplorerSelect.tsx b/src/app/templates/SettingsGeneral/Components/BlockExplorerSelect.tsx
@@ -107,7 +107,10 @@ const BlockExplorerOptionContent: FC<BlockExplorerOptionContentProps> = ({ optio
     >
       <BlockExplorerIcon id={option.id} name={option.name} />
 
-      <div className="w-full text-lg text-gray-700" {...setTestID(SettingsGeneralSelectors.blockExplorerItem)}>
+      <div
+        className="w-full text-left text-lg text-gray-700"
+        {...setTestID(SettingsGeneralSelectors.blockExplorerItem)}
+      >
         {option.name}
       </div>
     </div>

diff --git a/src/app/templates/SettingsGeneral/Components/FiatCurrencySelect.tsx b/src/app/templates/SettingsGeneral/Components/FiatCurrencySelect.tsx
@@ -111,13 +111,13 @@ const FiatCurrencyOptionContent: FC<FiatCurrencyOptionContentProps> = ({ option,
   return (
     <div
       className={classNames(
-        'w-full flex items-cente py-1.5 px-2 rounded',
+        'w-full flex items-center py-1.5 px-2 rounded',
         isSelected ? 'bg-gray-200' : 'hover:bg-gray-100'
       )}
     >
       <FiatCurrencyIcon option={option} />
 
-      <div className="w-full text-lg text-gray-700" {...setTestID(SettingsGeneralSelectors.currencyItem)}>
+      <div className="w-full text-left text-lg text-gray-700" {...setTestID(SettingsGeneralSelectors.currencyItem)}>
         {option.name} ({option.fullname})
       </div>
     </div>

diff --git a/src/app/templates/SettingsGeneral/Components/LocaleSelect.tsx b/src/app/templates/SettingsGeneral/Components/LocaleSelect.tsx
@@ -187,7 +187,7 @@ const LocaleOptionContent: FC<LocaleOptionContentProps> = ({ option, isSelected
     >
       <LocaleIcon option={option} />
 
-      <div className="relative w-full text-lg text-gray-700">
+      <div className="relative text-left w-full text-lg text-gray-700">
         {option.label}
 
         {option.disabled && (