Fix activities table bleeding off bottom on mobile, fixed GPX file in…

…put being cut off, made keyword entry field wider
jmuzina · Apr 14, 2022 · 5bb33c1 · 5bb33c1
1 parent 8aaf128
commit 5bb33c1
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 31 deletions.
diff --git a/static/style.scss b/static/style.scss
@@ -211,7 +211,7 @@ ul {
 
 #gpxFile {
   text-align: center;
-  max-width: 230px;
+  max-width: 250px;
 }
 
 #GPXSubmit {
@@ -436,6 +436,12 @@ ul {
   width: 25%;
 }
 
+.activityFilters {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+}
+
 .scrollable-table-container {
   position: absolute;
   overflow: auto;
@@ -448,7 +454,7 @@ ul {
 }
 
 #keyword {
-  width: 50%;
+  width: 60%;
 }
 
 #drawSettings, #backgroundSettings {
@@ -488,31 +494,6 @@ td {
   display: block !important;
 }
 
-// this code was used to give the strava button it's appearance but
-// is superfluous until we get the dev account for underarmour
-
-/*
-// Apply configured styles for each login button
-@each $name, $data in $app_themes {
-    ##{$name}-login > a {
-        @each $property, $val in $data {
-            #{$property}: #{$val};
-        }
-    }
-} 
-*/
-
-/*
-// Login button styles for each supported login network
-$app_themes: (
-    /*
-    "strava" : (
-        "background-color": #fc4c02,
-        "color": white
-    )
-    
-);
-*/
 //
 //
 //
@@ -647,6 +628,7 @@ html {
 
   .main-container {
     height: 95vh !important;
+    //height: auto;
     width: 95vw !important;
     min-height: 0px  !important;
     min-width: 0px !important;
@@ -663,6 +645,10 @@ html {
     min-width: 90%;
   }
 
+  .parameters {
+    height: auto !important;
+  }
+
   .parameter-container {
     display: block;
   }
@@ -734,6 +720,9 @@ html {
     font-size: 2rem !important;
     margin-top: 5px;
   }
+  #activitiesTable th, td {
+    font-size: 2.2rem;
+  }
 }
 
 .fa {

diff --git a/templates/parameters.html b/templates/parameters.html
@@ -37,7 +37,7 @@
 
 
 <div class="main-body">
-    <div class="main-container">
+    <div class="main-container parameters">
       <form class="parameter-container" action="/generatePage" method="POST" enctype="multipart/form-data">
         <div
           class="parameter-button-container nav flex-column nav-pills"
@@ -152,9 +152,9 @@
             aria-labelledby="v-pills-activities-tab"
           >
             <h3>Filter your Activities</h3>
-            <fieldset>
+            <fieldset class = "activityFilters">
               <div class="row" id="dateFilters">
-                <div class="col-md-4" >
+                <div class="col-md-6" >
                   <label for="start"
                     >Start date:
                     <input
@@ -167,7 +167,7 @@ <h3>Filter your Activities</h3>
                     />
                   </label>
                 </div>
-                <div class="col-md-4">
+                <div class="col-md-6">
                   <label for="end"
                     >End date: <span>&nbsp;</span>
                     <input