5d8d26be46f5c14fd812eb8882ac9bd84649202c — Thomas Letan 1 year, 3 months ago faa0fa9
front: Improve the look of the list of characters
1 files changed, 20 insertions(+), 18 deletions(-)

M templates/account_index.html.tera
M templates/account_index.html.tera => templates/account_index.html.tera +20 -18
@@ 16,17 16,18 @@
     To Be Validated
   </h2>
 
-  <ul>
+  <div class="ui middle aligned selection list">
     {% for character in futures %}
-    <li>
-      <img class="ui avatar image"
-           src="/img/{{ character.content.avatar_small }}" />
-      <a href="/character/{{ character.character_id }}/future">
-        {{ character.content.name }}
-      </a>
-    </li>
+    <div class="item">
+      <img class="ui avatar image" src="/img/{{ character.content.avatar_small }}" />
+      <div class="content">
+        <a href="/character/{{ character.character_id }}/future">
+          {{ character.content.name }}
+        </a>
+      </div>
+    </div>
     {% endfor %}
-  </ul>
+  </div>
   {% endif %}
 
   {% if currents %}


@@ 34,17 35,18 @@
     Active Characters
   </h2>
 
-  <ul>
+  <div class="ui middle aligned selection list">
     {% for character in currents %}
-    <li>
-      <img class="ui avatar image"
-           src="/img/{{ character.content.avatar_small }}" />
-      <a href="/character/{{ character.character_id }}/current">
-        {{ character.content.name }}
-      </a>
-    </li>
+    <div class="item">
+      <img class="ui avatar image" src="/img/{{ character.content.avatar_small }}" />
+      <div class="content">
+        <a href="/character/{{ character.character_id }}/current">
+          {{ character.content.name }}
+        </a>
+      </div>
+    </div>
     {% endfor %}
-  </ul>
+  </div>
   {% endif %}
 </section>
 {% endblock content %}