view(css): add style to main menu.

tienda_ilusion/don_confiao/static/css/main_menu.css

@@ -0,0 +1,33 @@
+
+nav#main_menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 1em;
+}
+
+nav#main_menu li {
+  margin-right: 20px;
+}
+
+nav#main_menu a {
+  text-decoration: none;
+  color: #333;
+  background-color: #f0f0f0;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+nav#main_menu a:hover {
+  background-color: #ccc;
+  color: #666;
+}
+
+nav#main_menu a:active {
+  background-color: #aaa;
+  color: #444;
+}

tienda_ilusion/don_confiao/templates/don_confiao/menu.html

@@ -1,10 +1,12 @@
-<nav>
+{% load static %}
+<link rel="stylesheet" type="text/css" href="{% static 'css/main_menu.css' %}">
+<nav id="main_menu">
     <ul>
-        <li><a href='./comprar'>Comprar</a></li>
-        <li><a href='./compras'>Compras</a></li>
-        <li><a href='./lista_productos'>Productos</a></li>
-        <li><a href='./importar_productos'>Importar Productos</a></li>
-        <li><a href='./cuadrar_tarro'>Cuadrar tarro</a></li>
+        <li><a href='/don_confiao/comprar'>Comprar</a></li>
+        <li><a href='/don_confiao/compras'>Compras</a></li>
+        <li><a href='/don_confiao/lista_productos'>Productos</a></li>
+        <li><a href='/don_confiao/importar_productos'>Importar Productos</a></li>
+        <li><a href='/don_confiao/cuadrar_tarro'>Cuadrar tarro</a></li>
         
     </ul>
 </nav>

tienda_ilusion/don_confiao/templates/don_confiao/purchases.html

@@ -4,7 +4,7 @@
 {% if purchases  %}
 <ul>
     {% for purchase in purchases %}
-    <li><a href="/don_confiao/{{ purchase.id }}/">{{ purchase.date }}, {{ purchase.customer }}</a></li>
+    <li><a href="/don_confiao/resumen_compra/{{ purchase.id }}">{{ purchase.date }}, {{ purchase.customer }}</a></li>
     {% endfor %}
 </ul>
 {% else %}