From b7aafa9179ad54049d47d7dae76c9be2cb5b93a5 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Mon, 12 Feb 2024 17:16:41 +0000 Subject: More styling - reverted from gray background Have moved to white background and given the whole content a padding on the left and right. Have commented out the table width styling for now as it's now required but want to leave it in there for the forseeable as I'm sure I will come back to it. --- ui/html/base.tmpl.html | 14 ++++---- ui/html/pages/operations/list.tmpl.html | 22 ++++++------ ui/static/css/main.css | 64 ++++++++++++++++++--------------- 3 files changed, 56 insertions(+), 44 deletions(-) diff --git a/ui/html/base.tmpl.html b/ui/html/base.tmpl.html index 58122a0..450f9c8 100644 --- a/ui/html/base.tmpl.html +++ b/ui/html/base.tmpl.html @@ -10,12 +10,14 @@ {{ template "title" .}} - DED -
- {{ template "nav" . }} -
-
- {{ template "main" . }} -
+
+
+ {{ template "nav" . }} +
+
+ {{ template "main" . }} +
+
{{ end }} diff --git a/ui/html/pages/operations/list.tmpl.html b/ui/html/pages/operations/list.tmpl.html index 1bc570b..eac3325 100644 --- a/ui/html/pages/operations/list.tmpl.html +++ b/ui/html/pages/operations/list.tmpl.html @@ -1,5 +1,6 @@ {{ define "title" }}Operations{{end}} + {{ define "main" }}

Operations [Admin]

@@ -32,16 +33,16 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod EP 2024 {{if .EngagementStrategies}} - + {{else}} - NA + NA {{end}} Link @@ -50,7 +51,8 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod {{else}} -

There are no operations.

+

There are no operations.

{{end}} {{ end }} + diff --git a/ui/static/css/main.css b/ui/static/css/main.css index 1cfe90f..916eac6 100644 --- a/ui/static/css/main.css +++ b/ui/static/css/main.css @@ -5,13 +5,20 @@ font-size: 10pt; font-family: sans-serif; color: #333; - background: lightgray; + /* background: lightgray; */ +} + +.content { + margin: 8px 8px; } .table-list { list-style: none; } +h1 { + font-size: 1.5em; +} nav { border-bottom: solid 3px #ccc; @@ -32,7 +39,7 @@ a.admin-link { table#home-summary-table { margin-top: 1.2em; - background: white; + /* background: white; */ table-layout: fixed; width: 100%; border-collapse: collapse; @@ -40,50 +47,51 @@ table#home-summary-table { } table#home-summary-table td { - background: white; + /* background: white; */ border: 1px solid gray; } -table#home-summary-table a, -table#home-summary-table ul -{ - background: white; -} +/* table#home-summary-table a, */ +/* table#home-summary-table ul */ +/* { */ +/* background: white; */ +/* } */ table#home-summary-table thead th:nth-child(1) { width: 10%; } -table#home-summary-table thead th:nth-child(2) { - width: 6%; -} -table#home-summary-table thead th:nth-child(4) { - width: 10%; -} +/* table#home-summary-table thead th:nth-child(2) { */ +/* width: 6%; */ +/* } */ -table#home-summary-table thead th:nth-child(5) { - width: 10%; -} +/* table#home-summary-table thead th:nth-child(4) { */ +/* width: 10%; */ +/* } */ -table#home-summary-table thead th:nth-child(6) { - width: 5%; -} +/* table#home-summary-table thead th:nth-child(5) { */ +/* width: 10%; */ +/* } */ -table#home-summary-table thead th:nth-child(7) { - width: 5%; -} +/* table#home-summary-table thead th:nth-child(6) { */ +/* width: 5%; */ +/* } */ + +/* table#home-summary-table thead th:nth-child(7) { */ +/* width: 5%; */ +/* } */ table#home-summary-table th { /* border: solid 2px #ccc; */ background: lightgray; - font-weight: unset; + /* font-weight: unset; */ letter-spacing: 1px; text-align: left; } -table#home-summary-table li -{ - background: white; -} +/* table#home-summary-table li */ +/* { */ +/* background: white; */ +/* } */ -- cgit v1.2.3