From 1ffac9658dc269f8c393f7d3e554a6a9e2e966dc Mon Sep 17 00:00:00 2001
From: glyph <glyph@mycelial.technology>
Date: Thu, 11 Aug 2022 10:57:28 +0100
Subject: [PATCH] update css units and move styles to sheet

---
 static/css/lykin.css          | 32 +++++++++++++++++---------------
 templates/peer_list.html.tera |  4 +---
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/static/css/lykin.css b/static/css/lykin.css
index a5433d7..f8bd100 100644
--- a/static/css/lykin.css
+++ b/static/css/lykin.css
@@ -1,7 +1,7 @@
 .content {
 	background-color: lightyellow;
 	border: 5px solid #ffd700;
-  border-radius: 15px;
+  border-radius: 1rem;
 	grid-area: content;
   padding: 1.5rem;
 	overflow-y: scroll;
@@ -26,7 +26,7 @@
 }
 
 .flex-container > input {
-	margin: 5px;
+	margin: 0.3rem;
 }
 
 .grid-container {
@@ -38,10 +38,10 @@
 		  'peers'
 			'posts'
 		  'content';
-  grid-gap: 10px;
-	padding-left: 15px;
-	padding-right: 15px;
-	padding-top: 5px;
+  grid-gap: 0.5rem;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	padding-top: 0.2rem;
 	overflow: hidden;
 	height: 85vh;
 }
@@ -58,13 +58,13 @@
 }
 
 .icon {
-  margin-left: 20px;
+  margin-left: 1rem;
 }
 
 .nav {
 	background-color: lightgreen;
 	border: 5px solid #19a974;
-	border-radius: 15px;
+	border-radius: 1rem;
 	grid-area: nav;
 	padding: 1rem;
 }
@@ -72,7 +72,7 @@
 .peers {
 	background-color: lightblue;
 	border: 5px solid #357edd;
-	border-radius: 15px;
+	border-radius: 1rem;
 	grid-area: peers;
 	text-align: left;
 }
@@ -87,17 +87,19 @@
 
 .peers > ul > li > a > p {
 	margin: 0;
+	font-weight: bold;
+	padding-right: 1rem;
 }
 
 .post > ul {
-	padding-left: 25px;
-	padding-right: 25px;
+	padding-left: 1rem;
+	padding-right: 1rem;
 }
 
 .posts {
 	background-color: bisque;
 	border: 5px solid #ff6300;
-	border-radius: 15px;
+	border-radius: 1rem;
 	grid-area: posts;
 	overflow-y: scroll;
 }
@@ -130,15 +132,15 @@ code {
 
 form {
 	margin-left: auto;
-	margin-right: 10px;
+	margin-right: 0.5rem;
 }
 
 h1 {
-	margin-left: 15px;
+	margin-left: 1rem;
 }
 
 img {
-  width: 55px;
+  width: 3rem;
 }
 
 li {
diff --git a/templates/peer_list.html.tera b/templates/peer_list.html.tera
index 5d25f01..e6a0e04 100644
--- a/templates/peer_list.html.tera
+++ b/templates/peer_list.html.tera
@@ -10,9 +10,7 @@
             {{ peer.0.public_key }}
           {% endif %}
         </code>
-        <p style="font-weight: bold; padding-right: 1rem;">
-          {% if peer.1 != "0" %}{{ peer.1 }}{% endif %}
-        </p>
+        <p>{% if peer.1 != "0" %}{{ peer.1 }}{% endif %}</p>
       </a>
     </li>
   {%- endfor %}