decrease space between confirmation and send code buttons

internetee · Jul 3, 2024 · c4d2358 · c4d2358
1 parent 4d46b09
commit c4d2358
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/app/views/phone_confirmations/_form.html.erb b/app/views/phone_confirmations/_form.html.erb
@@ -7,7 +7,7 @@
       <%= component 'common/form/text_field', form: f, attribute: :confirmation_code %>
     </div>
 
-    <div class="c-account__input c-account__input--editable u-mb-20 is-editable">
+    <div class="c-account__input c-account__input--editable is-editable">
         <%= component 'common/form/form_button', form: f, color: 'green', btn_title: t(:submit), options: { data: { turbo: false } } %>
     </div>
 <% end %>
diff --git a/app/views/phone_confirmations/new.html.erb b/app/views/phone_confirmations/new.html.erb
@@ -1,3 +1,11 @@
+<style>
+@media (max-width: 768px) {
+    .mobile_view_confirmation_button {
+        margin-top: -60px;
+    }
+}
+</style>
+
 <% content_for :title, t('.title') %>
 
   <div class="o-container">
@@ -16,7 +24,7 @@
               <%= render 'form', phone_confirmation: @phone_confirmation, url: user_phone_confirmations_path %><br />
             </div>
 
-            <div class="c-account__form">
+            <div class="c-account__form mobile_view_confirmation_button">
               <%= form_with url: send_sms_user_phone_confirmations_path do |f| %>
 
                 <% if @captcha_required %>
@@ -32,9 +40,9 @@
 
                 <div class="c-account__input c-account__input--editable u-mb-20 is-editable">
                   <%if current_user.allow_to_send_sms_again? %>
-                      <button class="ui c-login__button c-btn c-btn--blue", data-timeleft-target='button'><%= I18n.t('phone_confirmations.new.send_code') %></button>
+                      <button class="c-login__btn c-btn c-btn--blue", data-timeleft-target='button'><%= I18n.t('phone_confirmations.new.send_code') %></button>
                   <% else %>
-                    <button class="ui c-login__button c-btn c-btn--blue", data-timeleft-target='button' disabled><%= I18n.t('phone_confirmations.new.send_again') %></button>
+                    <button class="c-login__btn c-btn c-btn--blue", data-timeleft-target='button' disabled><%= I18n.t('phone_confirmations.new.send_again') %></button>
                   <% end %>
                 </div>