From 2f7c07c02534237d5f1c2f38252726faa4a1bb51 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Tue, 2 Aug 2022 14:53:26 +0200
Subject: [PATCH] app/views/main/user/settings.volt: fix form.

---
 app/views/main/user/settings.volt | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/app/views/main/user/settings.volt b/app/views/main/user/settings.volt
index 07fd525..fc68780 100644
--- a/app/views/main/user/settings.volt
+++ b/app/views/main/user/settings.volt
@@ -11,47 +11,48 @@
 
     <form class="form-horizontal" method="post" action="">
 
-        <div class="form-group">
+        <div class="row mb-3">
             {{ form.renderDecorated('username', [ 'length': 7 ]) }}
             {{ form.renderDecorated('id', [ 'length': 2, 'label-length' : 1 ]) }}
         </div>
 
-        <div class="form-group">
+        <div class="row mb-3">
             {{ form.renderDecorated('name') }}
         </div>
 
-        <div class="form-group">
+        <div class="row mb-3">
             {{ form.renderDecorated('email') }}
         </div>
 
-        <div class="form-group">
-            <div class="col-sm-offset-2 col-sm-10">
-                <h4>Password</h4>
+        <div class="row mb-3">
+            <div class="col-sm-10 offset-sm-2">
+                <h5>Password</h5>
             </div>
         </div>
 
         {% if form.has('passwordCurrent') %}
-        <div class="form-group">
+        <div class="row mb-3">
             {{ form.renderDecorated('passwordCurrent') }}
         </div>
         {% endif %}
 
-        <div class="form-group">
+        <div class="row mb-3">
             {{ form.renderDecorated('passwordNew') }}
         </div>
 
-        <div class="form-group">
+        <div class="row mb-3">
             {{ form.renderDecorated('passwordConfirm') }}
         </div>
 
-        <div class="form-group">
+        <div class="row mb-3">
 
-            <div class="col-sm-offset-2 col-sm-10">
+            <div class="col-sm-10 offset-sm-2">
 
-                <h4>Social sign-in</h4>
+                <h5>Social sign-in</h5>
 
                 <hr />
 
+				<div class="row">
                 {% for name,info in social_links %}
                 <div class="col-sm-2 text-center">
                     {%  set class = info['class'] | default(false) %}
@@ -63,12 +64,13 @@
                     {% endif %}
                 </div>
                 {% endfor %}
+				</div>
 
             </div>
         </div>
 
-        <div class="form-group">
-            <div class="col-sm-offset-2 col-sm-10">
+        <div class="row mb-3">
+            <div class="col-sm-10 offset-sm-2">
                 <hr />
                 {{ form.render('Save') }}