all repos — honk @ 03b9e6c2f97218bc0babcf36d3d8f08627a47f87

my fork of honk 

fiddle with style some more
Ted Unangst tedu@tedunangst.com
Sat, 20 Apr 2019 21:55:23 -0400
commit

03b9e6c2f97218bc0babcf36d3d8f08627a47f87

parent

afcec984663d7cf9c39ce88413a5f93942570a26

2 files changed, 19 insertions(+), 9 deletions(-)

jump to
M views/header.html → views/header.html 
@@ -7,7 +7,7 @@ {{ if .LocalStyleParam }}
 <link href="/local.css{{ .LocalStyleParam }}" rel="stylesheet">
 {{ end }}
 <link href="/icon.png" rel="icon">
-<meta name="viewport" content="width=720px, initial-scale=0.4">
+<meta name="viewport" content="width=device-width">
 </head>
 <body>
 <div class="header">
M views/style.css → views/style.css 
@@ -38,7 +38,7 @@ font-size: 1.5em;
 }
 .info {
 	background: #002;
-	border: 2px solid #dde;
+	border: 1px solid #dde;
 	margin-bottom: 1em;
 	padding: 0em 1em 0em 1em;
 }

@@ -65,16 +65,11 @@ padding: 0.5em;
 	font-size: 1em;
 	background: #305;
 	color: #dde;
-	width: 700px;
+	width: 600px;
 	height: 8em;
 	margin-bottom: 0.5em;
 	box-sizing: border-box;
 }
-@media screen and (max-width: 1024px) {
-	.info textarea {
-		width: 500px;
-	}
-}
 .info input[type="checkbox"] {
 	position: fixed;
 	top: -9999px;

@@ -103,7 +98,7 @@ .honk {
 	width: 90%;
 	margin: auto;
 	background: #002;
-	border: 2px solid #dde;
+	border: 1px solid #dde;
 	border-radius: 1em;
 	margin-bottom: 1em;
 	padding-left: 1em;

@@ -164,3 +159,18 @@ height: 1em;
 	vertical-align: middle;
 	margin: -2px;
 }
+@media screen and (max-width: 740px) {
+	body {
+		font-size: 0.6em;
+	}
+	.info textarea {
+		width: 20em;
+	}
+	.honk .title {
+		height: 48px;
+	}
+	.honk .title img {
+		width: 48px;
+		height: 48px;
+	}
+}