fix width for login elements

SkautDevs · Nov 17, 2024 · cab5ea0 · cab5ea0
1 parent a1aeee9
commit cab5ea0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/public/styles.css b/public/styles.css
@@ -488,6 +488,10 @@ tr:nth-child(even) {
 	align-items: center;
 }
 
+.login-box-item {
+	flex-grow: 1;
+}
+
 .text-rotated {
 	transform: rotate(90deg);
 	font-weight: normal;

diff --git a/src/Templates/translatable/kissj/login.twig b/src/Templates/translatable/kissj/login.twig
@@ -7,7 +7,7 @@
             <h2>{% trans %}login.registrationFor{% endtrans %}{{ event.readableName }}</h2>
             {% if event.eventType.isLoginSkautisAllowed %}
                 <div class="login-box">
-                    <a href="{{ skautisLoginUri }}" class="btn">
+                    <a href="{{ skautisLoginUri }}" class="btn login-box-item">
                         {% trans %}login.skautis{% endtrans %}
                     </a>
                     {% if bothLogins and lastLogin == 'skautis' %}
@@ -22,7 +22,11 @@
             {% endif %}
             {% if event.eventType.isLoginEmailAllowed %}
             <div class="login-box">
-                <form action="{{ url_for('sendLoginEmail', {'eventSlug': event.slug}) }}" method="POST">
+                <form
+                        action="{{ url_for('sendLoginEmail', {'eventSlug': event.slug}) }}"
+                        method="POST"
+                        class="login-box-item"
+                >
                     <div class="form-group">
                         <label for="form-email">{% trans %}login.email{% endtrans %}:</label>
                         <input