From ccefd98135aec3ded8d629ef8f0dd500d5a4e557 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Thu, 17 Dec 2020 17:07:34 -0800
Subject: [PATCH] letsencrypt: Split CSS styling into a separate file

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
---
 .../letsencrypt/static/letsencrypt.css        | 11 ++++++++++
 .../letsencrypt/templates/letsencrypt.html    | 22 +++++++------------
 2 files changed, 19 insertions(+), 14 deletions(-)
 create mode 100644 plinth/modules/letsencrypt/static/letsencrypt.css

diff --git a/plinth/modules/letsencrypt/static/letsencrypt.css b/plinth/modules/letsencrypt/static/letsencrypt.css
new file mode 100644
index 000000000..68909ba81
--- /dev/null
+++ b/plinth/modules/letsencrypt/static/letsencrypt.css
@@ -0,0 +1,11 @@
+/*
+# SPDX-License-Identifier: AGPL-3.0-or-later
+*/
+
+.table .form .btn {
+    width: 6.125rem;
+}
+
+.operations form {
+    display: inline;
+}
diff --git a/plinth/modules/letsencrypt/templates/letsencrypt.html b/plinth/modules/letsencrypt/templates/letsencrypt.html
index 1df3ef282..ae5368753 100644
--- a/plinth/modules/letsencrypt/templates/letsencrypt.html
+++ b/plinth/modules/letsencrypt/templates/letsencrypt.html
@@ -5,17 +5,11 @@
 
 {% load bootstrap %}
 {% load i18n %}
+{% load static %}
 
 {% block page_head %}
-<style type="text/css">
- .table .form .btn {
-     width: 6.125rem;
- }
-
- .form-inline {
-     display: inline;
- }
-</style>
+  <link type="text/css" rel="stylesheet"
+        href="{% static 'letsencrypt/letsencrypt.css' %}"/>
 {% endblock %}
 
 {% block configuration %}
@@ -77,22 +71,22 @@
                   <span class="badge badge-warning">{% trans "Disabled" %}</span>
                 {% endif %}
               </td>
-              <td>
+              <td class="operations">
                 {% if domain_status.certificate_available %}
-                  <form class="form form-inline" method="post"
+                  <form class="form" method="post"
                         action="{% url 'letsencrypt:re-obtain' domain %}">
                     {% csrf_token %}
                     <button class="btn btn-sm btn-default" type="submit">
                       {% trans "Re-obtain" %}</button>
                   </form>
-                  <form class="form form-inline" method="post"
+                  <form class="form" method="post"
                         action="{% url 'letsencrypt:delete' domain %}">
                     {% csrf_token %}
                     <button class="btn btn-sm btn-default" type="submit">
                       {% trans "Delete" %}</button>
                   </form>
                   {% if "revoked" not in domain_status.validity %}
-                    <form class="form form-inline" method="post"
+                    <form class="form" method="post"
                           action="{% url 'letsencrypt:revoke' domain %}">
                       {% csrf_token %}
                       <button class="btn btn-sm btn-default" type="submit">
@@ -100,7 +94,7 @@
                     </form>
                   {% endif %}
                 {% else %}
-                  <form class="form form-inline" method="post"
+                  <form class="form" method="post"
                         action="{% url 'letsencrypt:obtain' domain %}">
                     {% csrf_token %}
                     <button class="btn btn-sm btn-primary" type="submit">