Responsive Ready

client/coral-admin/src/routes/Moderation/components/ViewOptions.css

@@ -8,11 +8,16 @@
   overflow: visible;
   height: 144px;
   min-height: auto;
+
   @media (--tablet) {
     width: 650px;
     margin: 0 auto;
     position: relative;
-    display: block;
+    
+    display: flex;
+    flex-direction: row;
+
+    height: 60px;
   }
 }
 
@@ -21,10 +26,21 @@
   font-size: 1.1rem;
   border-bottom: 1px solid rgba(0,0,0,.1);
   padding: 0 20px;
+
+  @media (--tablet) {
+    flex: 1;
+    display: inline-block;
+    border-bottom: none;
+    line-height: 60px;
+  }
 }
 
 .viewOptionsContent {
   padding: 10px 20px;
+
+  @media (--tablet) {
+    display: inline-block;
+  }
 }
 
 .viewOptionsList {
@@ -45,11 +61,16 @@
   margin-right: 10px;
   background: #7B7B7B;
   color: white;
-  padding: 10px 15px;
+  padding: 6px 15px;
   box-sizing: border-box;
   border-radius: 2px;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
 
+  @media (--tablet) {
+    display: inline-block;
+    margin-left: 10px;
+  }
+
   > div {
     padding: 0;
   }