improve alphabet styling

1 files changed, 13 insertions, 1 deletions

diff --git a/css/main.css b/css/main.css
index 007c02a..e6f439d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -243,12 +243,18 @@ label, p {
 #alphabetGroup {
     border-radius: 0.25rem;
     overflow: hidden;
-    max-width: 990px;
+}
+
+#alphabetGroup.btn-group{
+    display: block;
 }
 
 #alphabetGroup button {
     margin-left: 0;
     border-radius: 0;
+    border-radius: 20px;
+    margin: 5px;
+    width: 40px;
 }
 
 #alphabetGroup .btn-outline-dark {
@@ -411,4 +417,10 @@ table, td, tr, th {
     #alphabetGroup.btn-group .btn:not(:first-child) {
         border-top-right-radius: 0;
     }*/
+}
+
+@media only screen and (min-width: 1780px){
+    .container {
+        max-width: 1600px;
+    }
 }
\ No newline at end of file