-<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 -%}
+">