From dbe3caadb3b5838285517a0d0d1b218be2948d9b Mon Sep 17 00:00:00 2001
From: anhkha2003 <lephuocanhkha2003@tamu.edu>
Date: Thu, 3 Oct 2024 01:50:21 -0500
Subject: [PATCH] Improve design for mobile

---
 resources/base.scss               |  2 +-
 resources/contest.scss            |  2 +-
 resources/table.scss              |  2 --
 templates/course/grades.html      | 18 ++++++++++--------
 templates/two-column-content.html | 10 ++++------
 5 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/resources/base.scss b/resources/base.scss
index 1b63cc7..525a50d 100644
--- a/resources/base.scss
+++ b/resources/base.scss
@@ -139,7 +139,7 @@ b {
 
 h2 {
     font-weight: 400;
-    font-size: 2em;
+    font-size: 1.7em;
     border-radius: $widget_border_radius;
     padding: 0;
     margin: 0;
diff --git a/resources/contest.scss b/resources/contest.scss
index 07983bb..30cbca5 100644
--- a/resources/contest.scss
+++ b/resources/contest.scss
@@ -123,7 +123,7 @@
         text-decoration: none;
         text-align: center;
         line-height: 1.3;
-        font-size: 2.3em;
+        font-size: 2em;
         padding-bottom: 0.15em;
 
         &:link, &:visited {
diff --git a/resources/table.scss b/resources/table.scss
index 2d8e635..da6c84b 100644
--- a/resources/table.scss
+++ b/resources/table.scss
@@ -23,12 +23,10 @@
     }
 
     th:first-child, td:first-child {
-        border-color: $border_gray;
         border-width: 1px 1px 0 1px;
     }
 
     tr:last-child td {
-        border-color: $border_gray;
         border-bottom-width: 1px;
     }
 
diff --git a/templates/course/grades.html b/templates/course/grades.html
index 3b19cf9..24c26a5 100644
--- a/templates/course/grades.html
+++ b/templates/course/grades.html
@@ -75,15 +75,17 @@
 
 {% block middle_content %}
   <center><h2>{{content_title}}</h2></center>
-  {{_("Sort by")}}:
-  <div>
-    <select id="sortSelect">
-      <option value="username">{{_("Username")}}</option>
-      <option value="total">{{_("Score")}}</option>
-    </select>
-    <input type="text" id="search-input" placeholder="{{_('Search')}}" autofocus>
+  <div style="margin-top: 0.5em;">
+    {{_("Sort by")}}:
+    <div style="margin-top: 0.5em;">
+      <select id="sortSelect">
+        <option value="username">{{_("Username")}}</option>
+        <option value="total">{{_("Score")}}</option>
+      </select>
+      <input type="text" id="search-input" placeholder="{{_('Search')}}" autofocus>
+    </div>
   </div>
-  <div style="overflow-x: auto; margin-top: 1em">
+  <div style="overflow-x: auto; margin-top: 1em; clear: both;">
     <table class="table striped" id="users-table">
       <thead>
         <tr>
diff --git a/templates/two-column-content.html b/templates/two-column-content.html
index 2b1ed79..27b6071 100644
--- a/templates/two-column-content.html
+++ b/templates/two-column-content.html
@@ -3,12 +3,10 @@
 
 {% block three_col_media %}
   <style>
-    @media (min-width: 800px) {
-      .middle-content {
-        min-width: 96%;
-        max-width: 96%;
-        margin-left: 2%;
-      }
+    .middle-content {
+      min-width: 96%;
+      max-width: 96%;
+      margin-left: 2%;
     }
   </style>
   {% block two_col_media %}{% endblock %}