fix column (#1594)

Author: tyranja

app/views/profiles/_profile_formfields.html.erb

@@ -73,7 +73,9 @@
         <label class="form-check-label pb-2">
           <%= t(:languages, scope: 'profiles.form') %>
         </label><br>
-        <%= render partial: "shared/iso_languages", collection: IsoLanguage.top_list, locals: { profile: profile }  %>
+        <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 g-1 mt-1">
+          <%= render partial: "shared/iso_languages", collection: IsoLanguage.top_list, locals: { profile: profile }  %>
+        </div>
         <input name="profile[iso_languages][]" value="" type="hidden">
       </div>
       <div class="my-2">
@@ -83,7 +85,9 @@
       </div>
       <% display_value = IsoLanguage.rest_list & profile.iso_languages == [] ? "none" : "block" %>
       <div class="profile_iso_languages" id="rest_languages" style="display: <%= display_value %>;">
-        <%= render partial: "shared/iso_languages", collection: IsoLanguage.rest_list  %>
+        <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 g-1">
+          <%= render partial: "shared/iso_languages", collection: IsoLanguage.rest_list  %>
+        </div>
         <input name="profile[iso_languages][]" value="" type="hidden">
       </div>
     </div>

app/views/shared/_iso_languages.html.erb

@@ -1,11 +1,13 @@
 <% checked = @profile.iso_languages.any? {|l| l == iso_languages } %>
-<div class="form-check form-check-inline">
-  <label class="checkbox">
-    <input class="check_boxes optional"
+<div class="col">
+  <div class="form-check">
+    <input class="form-check-input check_boxes optional"
            id="profile_iso_languages_<%= iso_languages %>"
            name="profile[iso_languages][]"
            value="<%= iso_languages %>"
            type="checkbox" <%="checked=true" if checked %> >
-           <%= t("#{iso_languages}", scope: 'iso_639_1').capitalize %>
-  </label>
+    <label class="form-check-label" for="profile_iso_languages_<%= iso_languages %>">
+      <%= t("#{iso_languages}", scope: 'iso_639_1').capitalize %>
+    </label>
+  </div>
 </div>