diff --git a/static/css/github-markdown.css b/static/css/github-markdown.css
index 8072b54..6823d9c 100644
--- a/static/css/github-markdown.css
+++ b/static/css/github-markdown.css
@@ -8,7 +8,8 @@
font-size: 12px;
line-height: 1.6;
word-wrap: break-word;
- width: 680px;
+ width: 80vw;
+ max-width: 680px;
padding: 10px;
}
diff --git a/static/css/linx.css b/static/css/linx.css
index 5285dd8..a759dc6 100644
--- a/static/css/linx.css
+++ b/static/css/linx.css
@@ -71,32 +71,26 @@ body {
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc;
margin-bottom: 15px;
+}
+.dinfo #filename {
+ margin: 2px 15px 0 0;
}
#info {
- text-align: left;
-
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
background-color: white;
padding: 5px 5px 5px 5px;
}
-#info #filename,
-#editform #filename {
- width: 232px;
-}
-
#info #extension,
#editform #extension {
width: 40px;
}
-#info .float-left {
- margin-top: 2px;
- margin-right: 20px;
-}
-
-#info .right {
+#info .text-right {
font-size: 13px;
}
@@ -115,6 +109,11 @@ body {
color: #556A7F;
}
+#info input[type=checkbox] {
+ margin: 0;
+ vertical-align: bottom;
+}
+
#footer {
color: gray;
text-align: right;
@@ -158,7 +157,8 @@ body {
}
.fixed {
- width: 800px;
+ width: 80vw;
+ max-width: 800px;
}
.needs-border {
@@ -245,19 +245,28 @@ body {
}
#choices {
- float: left;
- width: 100%;
- text-align: left;
- vertical-align: bottom;
- margin-top: 5px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ width: 100%;
+ margin-top: 5px;
font-size:13px;
}
+#choices label:first-child {
+ margin-right: 15px;
+}
+
#expiry {
- float: right;
padding-top: 1px;
}
+#randomize {
+ vertical-align: bottom;
+ margin: 0;
+}
+
.oopscontent {
width: 400px;
}
@@ -267,8 +276,13 @@ body {
border: 0;
}
+.error-404 img {
+ max-width: 90vw;
+}
+
.editor {
- width: 705px;
+ width: 90vw;
+ max-width: 705px;
height: 450px;
border-color: #cccccc;
font-family: monospace;
diff --git a/static/js/bin.js b/static/js/bin.js
index 6e1bbcc..bcaf4f1 100644
--- a/static/js/bin.js
+++ b/static/js/bin.js
@@ -1,6 +1,6 @@
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
-var navlist = document.getElementById("info").getElementsByClassName("right")[0];
+var navlist = document.getElementById("info").getElementsByClassName("text-right")[0];
init();
diff --git a/templates/404.html b/templates/404.html
index c1728e5..3b3d64e 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,5 +1,7 @@
{% extends "base.html" %}
{% block content %}
-
+