minor change in looks of topics table

Miguel Barão
1 parent 62736e37
Showing 1 changed file with 13 additions and 10 deletions Show diff stats
aprendizations/templates/maintopics-table.html
@@ -60,21 +60,24 @@
   <div id="notifications"></div>
-  <div class="alert alert-warning alert-dismissible fade show" role="alert">
-    <p><strong>Legenda:</strong></p>
-    <p class="ml-3">
-    <i class="fas fa-book"></i> - Material de estudo<br>
-    <i class="fas fa-pencil-alt"></i> - Exercícios<br>
-    <i class="fas fa-puzzle-piece"></i> - Tópico que não faz parte dos objectivos deste curso mas que é necessário saber<br>
-    <i class="fas fa-flag"></i> - Milestone, terminou um certo conjunto de tópicos
-    </p>
-
+  <div class="alert alert-warning alert-dismissible fade show" role="warning">
+    <h5 class="my-3">Legenda:</h5>
+    <dl class="row ml-3">
+      <dt class="my-0 col-sm-1"><i class="fas fa-book"></i></dt>
+      <dd class="my-0 col-sm-11">Material de estudo</dd>
+      <dt class="my-0 col-sm-1"><i class="fas fa-pencil-alt"></i></dt>
+      <dd class="my-0 col-sm-11">Exercícios</dd>
+      <dt class="my-0 col-sm-1"><i class="fas fa-puzzle-piece"></i></dt>
+      <dd class="my-0 col-sm-11">Não faz parte deste curso mas é necessário saber</dd>
+      <dt class="my-0 col-sm-1"><i class="fas fa-flag"></i></dt>
+      <dd class="my-0 col-sm-11">Milestone (terminou um certo conjunto de tópicos)</dd>
+    </dl>
     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
       <span aria-hidden="true">&times;</span>
     </button>
   </div>
-  <h4 class="p-4">{{ course['title'] }}</h4>
+  <h1 class="display-5 p-4">{{ course['title'] }}</h1>
   <table class="table table-hover">
     <thead class="">