Style material lists

Author: encukou

naucse/static/css/body.css

@@ -19,18 +19,6 @@ p kbd {
     font-style: normal;
 }
 
-svg.icon {
-    width: 1em;
-    height: 1em;
-    transform: translate(0px, 0.1em);
-    overflow: visible;
-    stroke-width: 2.5px;
-    stroke: currentColor;
-    fill: none;
-    stroke-linecap: butt;
-    stroke-linejoin: miter;
-}
-
 /*** Credits ***/
 
 .lesson-attribution {

naucse/static/css/nausce.css

@@ -127,6 +127,18 @@ a:hover {
     margin-top: 1em;
 }
 
+svg.icon {
+    width: 1em;
+    height: 1em;
+    transform: translate(0px, 0.1em);
+    overflow: visible;
+    stroke-width: 2.5px;
+    stroke: currentColor;
+    fill: none;
+    stroke-linecap: butt;
+    stroke-linejoin: miter;
+}
+
 /*************************/
 
 pre {
@@ -155,3 +167,21 @@ code {
     padding: 2px 4px;
     white-space: pre-wrap;
 }
+
+/*** Material lists ***/
+
+ul.material-list {
+    padding: 0;
+    padding-left: 1.5em;
+}
+
+ul.material-list > li {
+    list-style-type: none;
+    text-indent: -1.5em;
+}
+
+ul.material-list > li svg.icon {
+    padding-right: 0.5em;
+    box-sizing: content-box;
+    color: black;
+}

naucse/templates/_macros.html naucse/templates/_material_macros.htmlnaucse/templates/_macros.html renamed to naucse/templates/_material_macros.html

@@ -27,7 +27,7 @@
 {%- endmacro -%}
 
 {%- macro material_list(materials, filter_type=None) %}
-    <ul>
+    <ul class="material-list">
         {% for mat in materials %}
             {% if filter_type == None or mat.url_type == filter_type %}
                 {{ material_li(mat) }}

naucse/templates/backpage.html

@@ -1,5 +1,5 @@
 {% extends "_base.html" %}
-{% from "_macros.html" import material_list with context %}
+{% from "_material_macros.html" import material_list with context %}
 
 {% block content %}
 

naucse/templates/course.html

@@ -1,5 +1,5 @@
 {% extends "_base.html" %}
-{% from "_macros.html" import material_list with context %}
+{% from "_material_macros.html" import material_list with context %}
 
 {% macro session_heading(session, index, plan) %}
     {% if plan|length > 1 %}

naucse/templates/coverpage.html

@@ -1,5 +1,5 @@
 {% extends "_base.html" %}
-{% from "_macros.html" import material_list with context %}
+{% from "_material_macros.html" import material_list with context %}
 
 {% block content %}