1 files changed, 28 insertions, 6 deletions

diff --git a/src/public/styles.css b/src/public/styles.css
index d401fc7..754eb54 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -93,14 +93,14 @@ a:visited {
 }
 
 .sort-opts {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  display: grid;
+  margin: 10px;
 }
 
-.sort-opts a {
-  margin: 10px;
+.sort-opts {
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(5, 1fr);
+  grid-auto-flow: column;
 }
 
 .footer {
@@ -234,6 +234,11 @@ form {
   form {
     width: 40%;
   }
+  .sort-opts {
+    grid-template-columns: repeat(9, 1fr);
+    grid-template-rows: repeat(1, 1fr);
+    grid-auto-flow: row;
+  }
 }
 
 @media (min-width: 1080px) {
@@ -260,6 +265,11 @@ form {
   form {
     width: 20%;
   }
+  .sort-opts {
+    grid-template-columns: repeat(9, 1fr);
+    grid-template-rows: repeat(1, 1fr);
+    grid-auto-flow: row;
+  }
 }
 
 @media (min-width: 2560px) {
@@ -267,6 +277,11 @@ form {
     flex: 1 1 40%;
     width: 40%;
   }
+  .sort-opts {
+    grid-template-columns: repeat(9, 1fr);
+    grid-template-rows: repeat(1, 1fr);
+    grid-auto-flow: row;
+  }
 }
 
 .comment, .more {
@@ -583,3 +598,10 @@ a.nav-link {
 .comment-info-container > p {
   margin-top: 0px;
 }
+
+select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  text-indent: 1px;
+  text-overflow: '';
+}