Add "Regresar" button on student details

3 files changed, 27 insertions, 13 deletions

diff --git a/ustayml/static/style.css b/ustayml/static/style.css
index 0ff4975..71ffd97 100644
--- a/ustayml/static/style.css
+++ b/ustayml/static/style.css
@@ -24,7 +24,7 @@ h6 {
 
 h1 {
   font-size: 22pt;
-  margin: 1rem 0;
+  /* margin: 0.5rem 0; */
 }
 
 h2 {
@@ -99,14 +99,23 @@ header .action {
 
 .content > header {
   border-bottom: 1px solid lightgray;
-  display: flex;
-  align-items: flex-end;
+  /* display: flex;
+  align-items: flex-end; */
   margin-bottom: 1em;
 }
 
 .content > header h1 {
   flex: auto;
-  margin: 1rem 0 0.25rem 0;
+  margin: 0.5rem 0 0.25rem 0;
+}
+
+.content > header a {
+  display:block;
+}
+
+.flex-container-horizontal {
+  display: flex;
+  align-items: flex-end;
 }
 
 
@@ -192,23 +201,23 @@ header .action {
 
 /* student.details */
 
-.student-details-container {
+.student-details-body {
   display: flex;
   justify-content: space-between;
   min-height: 20em;
 }
 
-.student-details-container > div {
+.student-details-body > div {
   padding: .5em;
   border: 1px solid black;
 }
 
-.student-details-container > #information-left {
+.student-details-body > #information-left {
   width: 40%;
   margin-right: 1em;
 }
 
-.student-details-container > #information-right {
+.student-details-body > #information-right {
   flex: auto;
 }
 
diff --git a/ustayml/templates/students/details.html b/ustayml/templates/students/details.html
index 6c28ea4..ed79961 100644
--- a/ustayml/templates/students/details.html
+++ b/ustayml/templates/students/details.html
@@ -1,12 +1,15 @@
 {% extends 'base.html' %}
 
 {% block header %}
-  <h1>{% block title %}Reporte del estudiante{% endblock %}</h1>
-  <span>Reporte generado el {{ date.strftime("%Y-%m-%d") }}</span>
+  <a href="#" onclick="window.history.go(-1); return false;">Regresar</a>
+  <div class="flex-container-horizontal">
+    <h1>{% block title %}Reporte del estudiante{% endblock %}</h1>
+    <span>Reporte generado el {{ date.strftime("%Y-%m-%d") }}</span>
+  </div>
 {% endblock %}
 
 {% block content %}
-  <div class="student-details-container">
+  <div class="student-details-body">
     <div id="information-left">
       <h3>Información general:</h3>
       <h3>Información socioeconómica:</h3>
diff --git a/ustayml/templates/students/index.html b/ustayml/templates/students/index.html
index 050783b..74f84e3 100644
--- a/ustayml/templates/students/index.html
+++ b/ustayml/templates/students/index.html
@@ -2,8 +2,10 @@
 
 
 {% block header %}
-  <h1>{% block title %}Estudiantes{% endblock %}</h1>
-  <span>💡TIP: hacer click en un estudiante para ver su detalle</span>
+  <div class="flex-container-horizontal">
+    <h1>{% block title %}Estudiantes{% endblock %}</h1>
+    <span>💡TIP: hacer click en un estudiante para ver su detalle</span>
+  </div>
 {% endblock %}
 
 {% block content %}