diff options
| -rw-r--r-- | ui/html/base.tmpl.html | 14 | ||||
| -rw-r--r-- | ui/html/pages/operations/list.tmpl.html | 22 | ||||
| -rw-r--r-- | 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 @@ <title>{{ template "title" .}} - DED</title> </head> <body> - <header> - {{ template "nav" . }} - </header> - <main> - {{ template "main" . }} <!-- DONT FORGET THE DOT!!! --> - </main> + <div class="content"> + <header> + {{ template "nav" . }} + </header> + <main> + {{ template "main" . }} <!-- DONT FORGET THE DOT!!! --> + </main> + </div> </body> </html> {{ 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" }} <h3>Operations <span><a href="#" class="admin-link">[Admin]</a></span></h3> @@ -32,16 +33,16 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <td><a href="#">EP 2024</a></td> <td> {{if .EngagementStrategies}} - <ul> - {{range .EngagementStrategies}} - <li class="table-list"> - <a href="#">{{.FormatForTable }}</a> - </li> - {{end}} - - </ul> + <ul> + {{range .EngagementStrategies}} + <li class="table-list"> + <a href="#">{{.FormatForTable }}</a> + </li> + {{end}} + + </ul> {{else}} - NA + NA {{end}} </td> <td><a href="#">Link</a></td> @@ -50,7 +51,8 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </tbody> </table> {{else}} - <p>There are no operations.</p> +<p>There are no operations.</p> {{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; */ +/* } */ |