fix: phone number fields styling

debtcollective · Aug 11, 2021 · 1f80106 · 1f80106
1 parent 84df4b5
commit 1f80106
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/app/javascript/components/PhoneNumberField/style.scss b/app/javascript/components/PhoneNumberField/style.scss
@@ -23,6 +23,9 @@
       min-width: 49%;
     }
   }
+  .PhoneInputCountryIconImg {
+    height: 0;
+  }
 }
 
 @layer components {

diff --git a/app/views/user_profiles/_form.html.erb b/app/views/user_profiles/_form.html.erb
@@ -71,9 +71,9 @@
       </div>
     </div>
 
-    <div class="pt-5">
-      <div class="flex justify-end">
-        <%= f.submit 'Save', class: "ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
+    <div class="py-5">
+      <div class="submit-btn-container flex justify-end">
+        <%= f.submit 'Save', class: "ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-bold text-base text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
       </div>
     </div>
   </div>