badge management style fixes

src/plainui/jinja2/plainui/manage_badges.html

@@ -10,36 +10,28 @@
 
 {{ titleMacro.title( _("Manage Badges") ) }}
 
-<div class="row m-0">
-    <div class="col-12  p-1">
+<div class="">
+    <p class="p-2">
         <a  class="a a-bold" href="{{ url('plainui:userprofile') }}">
             {{ _("Back") }}
         </a>
-    </div>
+    </p>
     
-    <div class="row m-0 mb-3">
-        <form method="POST" class="horizontal" action="{{ url('plainui:redeem_badge') }}">
+    <h2 class="m-1 w-100">{{ _("Redeem Token") }}</h2>
+    <form method="POST" class="" action="{{ url('plainui:redeem_badge') }}">
         {{ csrf_input }}
-            <div class="form-row align-items-center">
-                <div class="col-12">
-                    <h3 class="font-sans-serif m-1">{{ _("Redeem Token") }}</h3>
-                </div>
-                <div class="col-9">
-                    <input name="token" class="form-control mb-2" placeholder="Token" >
-                </div>
-                <div class="col-3">
+        <input name="token" class="form-control mb-2 w-100" placeholder="Token" >
         <input type="submit" class="btn btn-primary mb-2" value="{{ _('Redeem') }}">
-                </div>
-            </div>
     </form>
 </div>
-</div>
+
+<hr class="rc3-spacer">
 
 <div class="border m-0 my-5 p-0 bg-opaque">
     <h3 class="w-100 bg-white text-dark text-center m-0 py-2">{{ _("Pending Badges") }}</h3>
     <div class="badges-gallery container-fluid p-3">
         {% if not badges_not_accepted %}
-            <div  class="my-5 p-6">
+            <div  class="">
                 {{ _("No badges are waiting for approval.") }}
             </div>
         {% endif %}
@@ -55,7 +47,7 @@
     <h3 class="w-100 bg-white text-dark text-center m-0 py-2">{{ _("Accepted Badges") }}</h3>
     <div class="badges-gallery container-fluid p-3">
         {% if not badges_accepted %}
-            <div  class="row my-5 p-6">
+            <div  class="row ">
                 {{ _("No badges Accepted.") }}
             </div>
         {% endif %}