YoonJ-C commited on
Commit
0c5e389
·
1 Parent(s): 8566af4

Add padding between subtitle and results section

Browse files

- Increase margin-bottom for subtitle to improve spacing
- Add margin-top for results container for better visual separation
- Improve overall layout and readability of results page
- Preserve existing Dockerfile

Files changed (2) hide show
  1. static/style.css +9 -0
  2. templates/index.html +1 -1
static/style.css CHANGED
@@ -630,3 +630,12 @@ button:disabled {
630
  transform: translateX(-3px);
631
  }
632
 
 
 
 
 
 
 
 
 
 
 
630
  transform: translateX(-3px);
631
  }
632
 
633
+ /* Results description max-width */
634
+ .subtitle {
635
+ max-width: 500px;
636
+ margin: 0 auto;
637
+ }
638
+
639
+ .results-spacing {
640
+ margin-top: 40px;
641
+ }
templates/index.html CHANGED
@@ -86,7 +86,7 @@
86
  Based on your responses, here are the spiritual paths that align most closely with your values and beliefs:
87
  </p>
88
 
89
- <div id="resultsContainer">
90
  {% for result in results %}
91
  <div class="result-card rank-{{ loop.index }}">
92
  <div class="result-header">
 
86
  Based on your responses, here are the spiritual paths that align most closely with your values and beliefs:
87
  </p>
88
 
89
+ <div id="resultsContainer" class="results-spacing">
90
  {% for result in results %}
91
  <div class="result-card rank-{{ loop.index }}">
92
  <div class="result-header">