From 00386ef482cbed77ec966ec544bed68359e3fe59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89loi=20Rivard?= <azmeuk@gmail.com>
Date: Thu, 1 Jul 2021 09:55:40 +0200
Subject: [PATCH] Various UI mobile fix

---
 canaille/templates/forgotten-password.html | 20 ++++++-----
 canaille/templates/login.html              |  8 +++--
 canaille/templates/password.html           | 10 ++++--
 canaille/templates/profile.html            | 41 +++++++++++++---------
 4 files changed, 49 insertions(+), 30 deletions(-)

diff --git a/canaille/templates/forgotten-password.html b/canaille/templates/forgotten-password.html
index 436f2bfb..12b6bf2d 100644
--- a/canaille/templates/forgotten-password.html
+++ b/canaille/templates/forgotten-password.html
@@ -33,14 +33,18 @@
             {{ form.hidden_tag() if form.hidden_tag }}
             {{ sui.render_field(form.login, icon="user") }}
 
-            <button type="submit" class="ui right floated {% if request.method != "POST" or form.errors %}primary {% endif %}button">
-            {% if request.method == "POST" %}
-                {{ _("Send again") }}
-            {% else %}
-                {{ _("Send") }}
-            {% endif %}
-            </button>
-            <a type="button" class="ui right floated button" href="{{ url_for('account.login') }}">{{ _("Login page") }}</a>
+            <div class="ui right aligned container">
+                <div class="ui stackable buttons">
+                    <a type="button" class="ui right floated button" href="{{ url_for('account.login') }}">{{ _("Login page") }}</a>
+                    <button type="submit" class="ui right floated {% if request.method != "POST" or form.errors %}primary {% endif %}button">
+                    {% if request.method == "POST" %}
+                        {{ _("Send again") }}
+                    {% else %}
+                        {{ _("Send") }}
+                    {% endif %}
+                    </button>
+                </div>
+            </div>
         </form>
     </div>
 </div>
diff --git a/canaille/templates/login.html b/canaille/templates/login.html
index 6fec377d..02e962eb 100644
--- a/canaille/templates/login.html
+++ b/canaille/templates/login.html
@@ -34,8 +34,12 @@
             {{ sui.render_field(form.password, icon="lock") }}
         {% endif %}
 
-        <button type="submit" class="ui right floated primary button">{{ _("Continue") }}</button>
-        <a type="button" class="ui right floated button" href="{{ url_for('account.forgotten') }}">{{ _("Forgotten password") }}</a>
+        <div class="ui right aligned container">
+            <div class="ui stackable buttons">
+                <a type="button" class="ui right floated button" href="{{ url_for('account.forgotten') }}">{{ _("Forgotten password") }}</a>
+                <button type="submit" class="ui right floated primary button">{{ _("Continue") }}</button>
+            </div>
+        </div>
     </form>
 </div>
 {% endblock %}
diff --git a/canaille/templates/password.html b/canaille/templates/password.html
index 411d508d..e1b1583c 100644
--- a/canaille/templates/password.html
+++ b/canaille/templates/password.html
@@ -31,9 +31,13 @@
         {{ form.hidden_tag() if form.hidden_tag }}
         {{ sui.render_field(form.password, icon="lock") }}
 
-        <button type="submit" class="ui right floated primary button">{{ _("Sign in") }}</button>
-        <a type="button" class="ui right floated button" href="{{ url_for('account.forgotten') }}">{{ _("Forgotten password") }}</a>
-        <a type="button" class="ui right floated button" href="{{ url_for('account.login') }}">{{ _("I am not %(username)s", username=username) }}</a>
+        <div class="ui right aligned container">
+            <div class="ui stackable buttons">
+                <a type="button" class="ui right floated button" href="{{ url_for('account.login') }}">{{ _("I am not %(username)s", username=username) }}</a>
+                <a type="button" class="ui right floated button" href="{{ url_for('account.forgotten') }}">{{ _("Forgotten password") }}</a>
+                <button type="submit" class="ui right floated primary button">{{ _("Sign in") }}</button>
+            </div>
+        </div>
     </form>
 </div>
 {% endblock %}
diff --git a/canaille/templates/profile.html b/canaille/templates/profile.html
index 2bd6414a..176c2ced 100644
--- a/canaille/templates/profile.html
+++ b/canaille/templates/profile.html
@@ -153,23 +153,30 @@
 
         {% endif %}
 
-        <button type="submit" class="ui right floated primary button" name="action" value="edit" id="edit">
-            {{ _("Submit") }}
-        </button>
-        {% if user.admin and edited_user and user.uid != edited_user.uid %}
-        <a href="{{ url_for('account.impersonate', username=edited_user.uid[0]) }}" class="ui right floated basic button" name="action" value="impersonate" id="impersonate">
-            {{ _("Impersonate") }}
-        </a>
-        {% endif %}
-        {% if user.moderator and edited_user or self_deletion %}
-        <button type="submit" class="ui right floated basic negative button confirm" name="action" value="delete" id="delete">
-            {% if user.uid != edited_user.uid %}
-                {{ _("Delete the user") }}
-            {% else %}
-                {{ _("Delete my account") }}
-            {% endif %}
-        </button>
-        {% endif %}
+        <div class="ui right aligned container">
+            <div class="ui stackable buttons">
+                {% if user.moderator and edited_user or self_deletion %}
+                <button type="submit" class="ui right floated basic negative button confirm" name="action" value="delete" id="delete">
+                    {% if user.uid != edited_user.uid %}
+                        {{ _("Delete the user") }}
+                    {% else %}
+                        {{ _("Delete my account") }}
+                    {% endif %}
+                </button>
+                {% endif %}
+
+                {% if user.admin and edited_user and user.uid != edited_user.uid %}
+                <a href="{{ url_for('account.impersonate', username=edited_user.uid[0]) }}" class="ui right floated basic button" name="action" value="impersonate" id="impersonate">
+                    {{ _("Impersonate") }}
+                </a>
+                {% endif %}
+
+                <button type="submit" class="ui right floated primary button" name="action" value="edit" id="edit">
+                    {{ _("Submit") }}
+                </button>
+
+            </div>
+        </div>
     </form>
 </div>
 {% endblock %}