From 35eb4f1f729273d0f80b2f1cdffaa0c6902a1cb5 Mon Sep 17 00:00:00 2001
From: ludwiczakpawel <ludwiczakpawel@gmail.com>
Date: Thu, 21 May 2020 17:47:18 +0200
Subject: [PATCH] Overflow issue in Settings on mobile (#7999)

* flare tag line height

* .

* .
---
 app/views/users/_org_admin.html.erb      | 6 +++---
 app/views/users/_org_non_member.html.erb | 2 +-
 app/views/users/_profile.html.erb        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/views/users/_org_admin.html.erb b/app/views/users/_org_admin.html.erb
index edd9a37b3..23a1295b2 100644
--- a/app/views/users/_org_admin.html.erb
+++ b/app/views/users/_org_admin.html.erb
@@ -99,7 +99,7 @@
               <img alt="<%= @organization.name %> profile image" src="<%= cloudinary(@organization.profile_image_url, 50) %>" class="crayons-logo__image" />
             <% end %>
           </span>
-          <%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1" %>
+          <%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
       </div>
     </div>
 
@@ -109,7 +109,7 @@
         <% if @organization.nav_image_url.present? %>
           <img alt="<%= @organization.name %> profile image" class="max-w-50 h-auto" src="<%= cloudinary(@organization.nav_image_url, 50) %>" />
         <% end %>
-        <%= f.file_field :nav_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1" %>
+        <%= f.file_field :nav_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
       </div>
     </div>
 
@@ -119,7 +119,7 @@
         <% if @organization.dark_nav_image_url.present? %>
           <img alt="<%= @organization.name %> profile image" class="max-w-50 h-auto" src="<%= cloudinary(@organization.dark_nav_image_url, 50) %>" />
         <% end %>
-        <%= f.file_field :dark_nav_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1" %>
+        <%= f.file_field :dark_nav_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
       </div>
     </div>
 
diff --git a/app/views/users/_org_non_member.html.erb b/app/views/users/_org_non_member.html.erb
index eddfb2de8..f1f0b0039 100644
--- a/app/views/users/_org_non_member.html.erb
+++ b/app/views/users/_org_non_member.html.erb
@@ -34,7 +34,7 @@
 
     <div class="crayons-field">
       <%= f.label :profile_image, "Profile image *", class: "crayons-field__label" %>
-      <%= f.file_field :profile_image, accept: "image/*" %>
+      <%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
     </div>
 
     <div class="crayons-field">
diff --git a/app/views/users/_profile.html.erb b/app/views/users/_profile.html.erb
index 56d588471..a04555a9e 100644
--- a/app/views/users/_profile.html.erb
+++ b/app/views/users/_profile.html.erb
@@ -39,7 +39,7 @@
       <div class="flex items-center">
         <% if @user.profile_image_url.present? %>
           <span class="crayons-avatar crayons-avatar--xl mr-2"><img alt="<%= @user.username %> profile image" src="<%= ProfileImage.new(@user).get(width: 50) %>" class="crayons-avatar__image" /></span>
-          <%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1" %>
+          <%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
         <% end %>
       </div>
     </div>