Make district table responsive

Author: PrinceSumberia

src/styles/DisplayTable.css

@@ -29,15 +29,7 @@ table {
   transition: all .4s;
 }
 
-@media (max-width: 600px) {
-  .tableHead {
-    margin: 0;
-  }
 
-  .tableHead-Button {
-    padding: 1rem;
-  }
-}
 
 .tableHead-Button:hover,
 .tableHead-Button:focus {
@@ -128,4 +120,25 @@ table {
 .spacer-top {
   display: block;
   margin-bottom: .5rem;
+}
+
+@media (max-width: 600px) {
+  .tableHead {
+    margin: 0;
+  }
+
+  .tableHead-Button {
+    padding: 1rem;
+  }
+
+  .district-td {
+    padding: .2rem;
+    margin: 0;
+  }
+
+  .districtHead {
+    padding: .2rem;
+    margin: 0;
+    /* font-size: 1rem; */
+  }
 }