feat: small styling improvements

ElfenB · Jul 6, 2024 · 231cda2 · 231cda2
1 parent 09694ab
commit 231cda2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/ios/App/Podfile.lock b/ios/App/Podfile.lock
@@ -1,14 +1,14 @@
 PODS:
-  - Capacitor (6.0.0):
+  - Capacitor (6.1.0):
     - CapacitorCordova
   - CapacitorApp (6.0.0):
     - Capacitor
-  - CapacitorBrowser (6.0.0):
+  - CapacitorBrowser (6.0.1):
     - Capacitor
-  - CapacitorCordova (6.0.0)
+  - CapacitorCordova (6.1.0)
   - CapacitorHaptics (6.0.0):
     - Capacitor
-  - CapacitorKeyboard (6.0.0):
+  - CapacitorKeyboard (6.0.1):
     - Capacitor
   - CapacitorStatusBar (6.0.0):
     - Capacitor
@@ -39,12 +39,12 @@ EXTERNAL SOURCES:
     :path: "../../node_modules/@capacitor/status-bar"
 
 SPEC CHECKSUMS:
-  Capacitor: 559d073c4ca6c27f8e7002c807eea94c3ba435a9
+  Capacitor: 187bd7847b6f71467015a20200a1a071be3e5f14
   CapacitorApp: 9d53aec7101f7b030a950c5bdc4df8612576b279
-  CapacitorBrowser: 7e1e2cdbb3e372f09f0bad0c4c21a6d187b679ad
-  CapacitorCordova: 8c4bfdf69368512e85b1d8b724dd7546abeb30af
+  CapacitorBrowser: 473c7fd70ddbe541608ff09ec1be14da0078279e
+  CapacitorCordova: be703980ca797f847c3356f78fa175d21c8330c2
   CapacitorHaptics: 9ebc9363f0e9b8eb4295088a0b474530acf1859b
-  CapacitorKeyboard: deacbd09d8d1029c3681197fb05d206b721d5f73
+  CapacitorKeyboard: 5f32a712adf41e07a61caafb82cf29fb6d8ba123
   CapacitorStatusBar: 2e4369f99166125435641b1908d05f561eaba6f6
 
 PODFILE CHECKSUM: 61bc1d13006459f54f5fb089957baec0b706f946

diff --git a/src/components/CreateOfferCard.tsx b/src/components/CreateOfferCard.tsx
@@ -13,8 +13,8 @@ export function CreateOfferCard() {
       <IonCardHeader>
         {/* <IonCardTitle>{t("label.createEntry")}</IonCardTitle> */}
         <IonButton
+          expand="block"
           fill="outline"
-          style={{ width: '100%' }}
           onClick={() => {
             setCreating(!creating);
           }}

diff --git a/src/components/CreateOfferForm.tsx b/src/components/CreateOfferForm.tsx
@@ -208,15 +208,15 @@ export function CreateOfferForm({ onClose }: Props) {
         </form>
       </IonList>
 
-      <IonButton disabled={isPending || !isFormValid} type="submit" onClick={handleSubmit}>
-        {t('label.submit')}
-      </IonButton>
-
       {!isFormValid && (
-        <IonText color="warning">
-          <p style={{ marginTop: '1rem' }}>{t('label.fillAllFields')}</p>
+        <IonText color="warning" style={{ textAlign: 'center' }}>
+          <p style={{ margin: '1rem 0' }}>{t('label.fillAllFields')}</p>
         </IonText>
       )}
+
+      <IonButton disabled={isPending || !isFormValid} expand="block" type="submit" onClick={handleSubmit}>
+        {t('label.submit')}
+      </IonButton>
     </>
   );
 }