X-Git-Url: https://code.wpia.club/?a=blobdiff_plain;f=templates%2Fmotion.html;h=9e7f2a8904779bbcae93e3979ab73ae18ef2bb89;hb=5e20a497d0fd1e068bb038e6e9d468c6104f4e30;hp=b0fb70da64ed7e155a34e378c6a2e9ecceec1751;hpb=1aa987d0d2f2c0a82b5bc0bbfe89eb1646b297a7;p=motion.git

diff --git a/templates/motion.html b/templates/motion.html
index b0fb70d..9e7f2a8 100644
--- a/templates/motion.html
+++ b/templates/motion.html
@@ -1,10 +1,10 @@
-<div class="motion panel
-{%- if motion.running %} panel-default
-{%- elif motion.canceled %} panel-warning
-{%- elif motion.yes is defined %}{% if motion.yes != None and motion.no != None and motion.yes > motion.no %} panel-success{% else %} panel-danger{% endif %}
-{%- else %} panel-default{%- endif -%}
-" id="motion-{{motion.id}}">
-  <div class="motion-title panel-heading">
+<div class="motion card" id="motion-{{motion.id}}">
+  <div class="motion-title card-heading 
+  {%- if motion.running %} alert-light
+{%- elif motion.canceled %} alert-warning
+{%- elif motion.yes is defined %}{% if motion.yes != None and motion.no != None and motion.yes > motion.no %} alert-success{% else %} alert-danger{% endif %}
+{%- else %} bg-light{%- endif -%}
+">
     <span class="title-text">{{motion.name}}</span> ({{ 'Running' if motion.running else ('Canceled' if motion.canceled != None else 'Finished') }})
     <span class="motion-type">{{motion.type}}</span>
     <div># <a href="/motion/{{motion.identifier}}" class="anchor">{{motion.identifier}}</a></div>
@@ -13,15 +13,15 @@
 {%- if motion.canceled != None %}
       <div>Canceled: {{motion.canceled|timestamp}} (UTC) by {{motion.canceler}}</div></div>
 {%- else %}
-      <div>Votes until: {{motion.deadline|timestamp} (UTC)}</div></div>
+      <div>Votes until: {{motion.deadline|timestamp}} (UTC)</div></div>
 {%- endif %}
   </div>
-  <div class="panel-body">
-    <p>{{motion.content}}</p>
+  <div class="card-body">
+    <p>{{motion.content|markdown}}</p>
 {%- if motion.yes or motion.no or motion.abstain %}
     <p>
 {%- for vote in ['yes', 'no', 'abstain'] %}
-{{vote|capitalize}} <span class="badge">{{motion[vote]}}</span><br>
+{{vote|capitalize}} <span class="badge badge-pill badge-secondary">{{motion[vote]}}</span><br>
 {%- endfor %}
     </p>
 {%- endif %}