From 2c485093d0e56dc62b94fd2ce2672a3270f456e2 Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Tue, 24 Sep 2019 09:56:35 +0100 Subject: [PATCH] Follow approve button dimensions on mobile --- epicyon-profile.css | 72 +++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 66 insertions(+), 6 deletions(-) diff --git a/epicyon-profile.css b/epicyon-profile.css index b5b8ddb67..1d160f2c6 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -212,11 +212,11 @@ a:link { text-align: center; font-size: 18px; padding: 10px; - width: 15%; - max-width: 150px; + width: 20%; + max-width: 200px; min-width: 100px; cursor: pointer; - margin: 0 15px; + margin: 0 5px; float: right; } @@ -228,11 +228,11 @@ a:link { text-align: center; font-size: 18px; padding: 10px; - width: 15%; - max-width: 150px; + width: 20%; + max-width: 200px; min-width: 100px; cursor: pointer; - margin: 0 15px; + margin: 0 5px; float: right; } @@ -854,6 +854,36 @@ input[type=checkbox] cursor: pointer; margin: 5px; } + .followApprove { + border-radius: 4px; + background-color: darkgreen; + border: none; + color: #FFFFFF; + text-align: center; + font-size: 18px; + padding: 10px; + width: 20%; + max-width: 200px; + min-width: 80px; + cursor: pointer; + margin: 0 5px; + float: right; + } + .followDeny { + border-radius: 4px; + background-color: darkred; + border: none; + color: #FFFFFF; + text-align: center; + font-size: 18px; + padding: 10px; + width: 20%; + max-width: 200px; + min-width: 80px; + cursor: pointer; + margin: 0 5px; + float: right; + } .pageicon { width: 4%; } @@ -1049,6 +1079,36 @@ input[type=checkbox] cursor: pointer; margin: 15px; } + .followApprove { + border-radius: 4px; + background-color: darkgreen; + border: none; + color: #FFFFFF; + text-align: center; + font-size: 32px; + padding: 10px; + width: 20%; + max-width: 400px; + min-width: 80px; + cursor: pointer; + margin: 0 15px; + float: right; + } + .followDeny { + border-radius: 4px; + background-color: darkred; + border: none; + color: #FFFFFF; + text-align: center; + font-size: 32px; + padding: 10px; + width: 20%; + max-width: 400px; + min-width: 80px; + cursor: pointer; + margin: 0 15px; + float: right; + } .pageicon { width: 8%; }