A bit of responsiveness
diff --git a/public/responsive.css b/public/responsive.css
new file mode 100644
index 0000000..80ba826
--- /dev/null
+++ b/public/responsive.css
@@ -0,0 +1,75 @@
+/*
+<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
+@media tv and (min-width: 700px) and (orientation: landscape) { ... }
+*/
+
+html, body {
+ font-size: 10pt;
+ margin: 0;
+ padding: 0;
+}
+
+#tutorial {
+ border-radius: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ border-width: 0;
+ padding: 0;
+}
+
+#tutorial > iframe {
+ border-radius: 0;
+}
+
+#top {
+ padding: 0 0 0 0;
+ height: 80px;
+}
+
+#top h1 {
+ margin: 5px;
+ height: 30px;
+ width: 80px;
+ background-size: 98% auto;
+}
+
+#sidebar {
+ margin-left: -260px;
+}
+
+#search {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+form {
+ margin-left: 0px;
+}
+
+#ql-field {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ margin-left: 100px;
+}
+
+#q-field {
+ width: 100%;
+}
+
+#button-right {
+ top: 7px;
+ right: 7px;
+}
+
+/* Temporary */
+#top form button {
+ display: none;
+}
+
+#pagination {
+ width: 100%;
+ right: auto;
+ margin: 0 auto;
+}
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index bbb41f3..31cbf45 100644
--- a/public/style.css
+++ b/public/style.css
@@ -19,6 +19,12 @@
padding-left: 30px;
}
+#q-field {
+ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+ -moz-box-sizing: border-box; /* Firefox, other Gecko */
+ box-sizing: border-box; /* Opera/IE 8+ */
+}
+
#button-right {
position: absolute;
right: 15px;
@@ -278,3 +284,7 @@
h1 span {
margin-left: -3000px;
}
+
+main {
+ padding: 20px;
+}
\ No newline at end of file