[tor-commits] [bridgedb] 21/66: Style captcha properly

[gitolite role]

This is an automated email from the git hooks/post-receive script.

meskio pushed a commit to branch main
in repository bridgedb.

commit 5e84b212cb01c3899df466293453e54607ad4229
Author: kez <kez at torproject.org>
AuthorDate: Thu May 26 15:42:51 2022 -0700

    Style captcha properly
---
 frontend/assets/scss/_bridges.scss   | 16 ++++++++++++++++
 frontend/templates/hero-captcha.html | 26 ++++++++++++++------------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/frontend/assets/scss/_bridges.scss b/frontend/assets/scss/_bridges.scss
index 86176c0..395a309 100644
--- a/frontend/assets/scss/_bridges.scss
+++ b/frontend/assets/scss/_bridges.scss
@@ -33,3 +33,19 @@
 .btn-purple:hover {
     background-color: $purple-dark !important;
 }
+
+#bridgedb-captcha-container {
+    width: max-content;
+    margin: 0 auto;
+}
+
+#bridgedb-captcha-input {
+    flex-grow: 1;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+#bridgedb-captcha-submit {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
diff --git a/frontend/templates/hero-captcha.html b/frontend/templates/hero-captcha.html
index cc88b79..9658e32 100644
--- a/frontend/templates/hero-captcha.html
+++ b/frontend/templates/hero-captcha.html
@@ -1,16 +1,18 @@
-<div id="bridgedb-captcha-container">
+<div>
+  <div id="bridgedb-captcha-container">
     <div id="bridgedb-captcha" class="pb-3">
-        {% if envvars('ENV') == 'dev' %}
-        <img src="{{ '/static/images/placeholder_captcha.jpg' | asseturl }}">
-        {% elif envvars('ENV') == 'prod' %}
-        {% raw %}<img alt="${_(strings.CAPTCHA[0])}" src="${imgstr}">{% endraw %}
-        {% else %}
-        {# if you got here, it means you didn't set the LEKTOR_ENV variable to a correct value. set it to prod/dev and try again #}
-        {{ 0/0 }}
-        {% endif %}
+      {% if envvars('ENV') == 'dev' %}
+      <img src="{{ '/static/images/placeholder_captcha.jpg' | asseturl }}">
+      {% elif envvars('ENV') == 'prod' %}
+      {% raw %}<img alt="${_(strings.CAPTCHA[0])}" src="${imgstr}">{% endraw %}
+      {% else %}
+      {# if you got here, it means you didn't set the LEKTOR_ENV variable to a correct value. set it to prod/dev and try again #}
+      {{ 0/0 }}
+      {% endif %}
     </div>
-    <form action="" method="POST">
-        <input type="text" id="bridgedb-captcha-input" class="form-control" placeholder="Enter the characters from the image above...">
-        <button type="submit" class="btn btn-primary" id="bridgedb-captcha-submit"><span class="fa fa-level-down fa-rotate-90"></span></button>
+    <form action="" method="POST" class="d-flex">
+      <input type="text" id="bridgedb-captcha-input" class="form-control" placeholder="Enter the characters from the image above...">
+      <button type="submit" class="btn btn-primary" id="bridgedb-captcha-submit"><span class="fa fa-level-down fa-rotate-90"></span></button>
     </form>
+  </div>
 </div>

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.