Remove incorrect CSS helper classes (#26712)

3 files changed, 15 insertions, 23 deletions

diff --git a/web_src/css/form.css b/web_src/css/form.css
index 9527ef9d46..1bd1920955 100644
--- a/web_src/css/form.css
+++ b/web_src/css/form.css
@@ -179,8 +179,7 @@ textarea:focus,
   #create-page-form form .header {
     padding-left: 280px !important;
   }
-  #create-page-form form .inline.field > label,
-  #create-page-form form .inline.field.captcha-field > span {
+  #create-page-form form .inline.field > label {
     text-align: right;
     width: 250px !important;
     word-wrap: break-word;
@@ -206,6 +205,13 @@ textarea:focus,
   }
 }
 
+.m-captcha-style {
+  width: 100%;
+  height: 5em;
+  vertical-align: middle;
+  display: inline-block;
+}
+
 @media (min-width: 768px) {
   .g-recaptcha-style,
   .h-captcha-style {
@@ -219,6 +225,9 @@ textarea:focus,
     width: 302px !important;
     height: 76px !important;
   }
+  .m-captcha-style {
+    width: 50%;
+  }
 }
 
 @media (max-height: 575px) {
@@ -271,13 +280,7 @@ textarea:focus,
   .user.reset.password form .inline.field > label,
   .user.link-account form .inline.field > label,
   .user.signin form .inline.field > label,
-  .user.signup form .inline.field > label,
-  .user.activate form .inline.field.captcha-field > span,
-  .user.forgot.password form .inline.field.captcha-field > span,
-  .user.reset.password form .inline.field.captcha-field > span,
-  .user.link-account form .inline.field.captcha-field > span,
-  .user.signin form .inline.field.captcha-field > span,
-  .user.signup form .inline.field.captcha-field > span {
+  .user.signup form .inline.field > label {
     text-align: right;
     width: 250px !important;
     word-wrap: break-word;
@@ -421,10 +424,7 @@ textarea:focus,
   }
   .repository.new.repo form .inline.field > label,
   .repository.new.migrate form .inline.field > label,
-  .repository.new.fork form .inline.field > label,
-  .repository.new.repo form .inline.field.captcha-field > span,
-  .repository.new.migrate form .inline.field.captcha-field > span,
-  .repository.new.fork form .inline.field.captcha-field > span {
+  .repository.new.fork form .inline.field > label {
     text-align: right;
     width: 250px !important;
     word-wrap: break-word;
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 35b5d3c97e..17a89ebfb7 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -273,12 +273,6 @@ Gitea's private styles use `g-` prefix.
 .gt-font-17 { font-size: 17px !important }
 .gt-font-18 { font-size: 18px !important }
 
-@media (max-width: 767.98px) {
-  .gt-db-small { display: block !important; }
-  .gt-w-100-small { width: 100% !important; }
-  .gt-js-small { justify-content: flex-start !important; }
-}
-
 /*
 gt-hidden must be placed after all other "display: xxx !important" classes to win the chance
 do not use:
diff --git a/web_src/css/org.css b/web_src/css/org.css
index 4bb3b0cd57..061d30bef2 100644
--- a/web_src/css/org.css
+++ b/web_src/css/org.css
@@ -13,8 +13,7 @@
   #create-page-form form .header {
     padding-left: 280px !important;
   }
-  #create-page-form form .inline.field > label,
-  #create-page-form form .inline.field.captcha-field > span {
+  #create-page-form form .inline.field > label {
     text-align: right;
     width: 250px !important;
     word-wrap: break-word;
@@ -59,8 +58,7 @@
   .organization.new.org form .header {
     padding-left: 280px !important;
   }
-  .organization.new.org form .inline.field > label,
-  .organization.new.org form .inline.field.captcha-field > span {
+  .organization.new.org form .inline.field > label {
     text-align: right;
     width: 250px !important;
     word-wrap: break-word;