From 1a173ab4bd5350fd18a5af9b1cfcfe00ff009665 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Fri, 14 Aug 2020 12:57:48 +0100
Subject: [PATCH] Different pgp key width on mobile

---
 epicyon-profile.css | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 7cb709598..1b28d39a6 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -346,13 +346,6 @@ a:link {
     background: var(--link-bg-color);
 }
 
-.pgp {
-    font-size: var(--font-size-pgp-key);
-    color: var(--main-link-color);
-    background: var(--link-bg-color);
-    font-family: 'monospace';
-}
-
 .container img.announceOrReply {
     float: none;
     width: 30px;
@@ -857,6 +850,13 @@ aside .toggle-inside li {
 }
 
 @media screen and (min-width: 400px) {
+    .pgp {
+	width: 79ch;
+	font-size: var(--font-size-pgp-key);
+	color: var(--main-link-color);
+	background: var(--link-bg-color);
+	font-family: 'monospace';
+    }
     body, html {
         font-size: var(--font-size4);
         font-family: Arial, Helvetica, sans-serif;
@@ -1260,6 +1260,13 @@ aside .toggle-inside li {
 }
 
 @media screen and (max-width: 1000px) {
+    .pgp {
+	width: 40ch;
+	font-size: var(--font-size-pgp-key);
+	color: var(--main-link-color);
+	background: var(--link-bg-color);
+	font-family: 'monospace';
+    }
     body, html {
         font-size: var(--font-size3);
         font-family: Arial, Helvetica, sans-serif;