update hr style

line · Aug 23, 2024 · 94e9891 · 94e9891
1 parent 728ab2c
commit 94e9891
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git a/promgen/static/css/promgen.css b/promgen/static/css/promgen.css
@@ -89,7 +89,14 @@ a[rel]:after {
   justify-content: space-between;
 }
 
-.dropdown-menu > li > form > button {
+
+/* service-action-button-group */
+.service-action-button-group hr {
+  margin-top: 5px !important;
+  margin-bottom: 5px !important;
+}
+
+.service-action-button-group > .dropdown-menu > li > form > button {
   padding: 3px 20px;
   white-space: nowrap;
   background: none;

diff --git a/promgen/templates/promgen/service_action_button_group.html b/promgen/templates/promgen/service_action_button_group.html
@@ -2,31 +2,34 @@
 {% load promgen %}
 
 
-<div style="display: inline-block;">
+<div style="display: inline-block;" class="service-action-button-group">
   <div class="btn-group btn-group-sm" role="group" aria-label="...">
     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       {% translate "Actions" %} <span class="caret"></span>
     </button>
     <ul class="dropdown-menu">
 
       <li>
-        <form action="{% url 'service-notifier' service.id %}" style="display:inline" method="post" v-pre>{% csrf_token %}
-          <input type="hidden" name="sender" value="promgen.notification.user">
-          <input type="hidden" name="value" value="{{request.user.username}}" />
-          <button>{% translate "Subscribe to Notifications" %}</button>
+        <a href="">
+          <form action="{% url 'service-notifier' service.id %}" style="display:inline" method="post" v-pre>{% csrf_token %}
+            <input type="hidden" name="sender" value="promgen.notification.user">
+            <input type="hidden" name="value" value="{{request.user.username}}" />
+            <button style="background:none;border:none;padding:0;">{% translate "Subscribe to Notifications" %}</button>
+          </form>
+        </a>
       </li>
 
-      <li role="separator" class="divider"></li>
+      <hr>
 
       <li role="presentation"><a href="{% urlqs 'audit-list' service=service.id %}">{% translate "Edit History" %}</a></li>
       <li role="presentation"><a href="{% urlqs 'alert-list' service=service.name %}">{% translate "Alert History" %}</a></li>
 
-      <li role="separator" class="divider"></li>
+      <hr>
 
       <li role="presentation"><a href="{% url 'api:service-rules' name=service.name %}">{% translate "Export Rules" %}</a></li>
       <li role="presentation"><a href="{% url 'api:service-targets' name=service.name %}">{% translate "Export Service" %}</a></li>
 
-      <li role="separator" class="divider"></li>
+      <hr>
 
       <li role="presentation">
         <a href="">