From: INOPIAE <m.maengel@inopiae.de>
Date: Fri, 29 May 2020 04:59:47 +0000 (+0200)
Subject: upd: formatting of motion area
X-Git-Url: https://code.wpia.club/?p=motion.git;a=commitdiff_plain;h=02c2dbf274bcd7a67b17fe8cffd7c56ce3962928

upd: formatting of motion area
---

diff --git a/templates/base.html b/templates/base.html
index 79cf2d2..54ed96d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -21,9 +21,11 @@
 }
 .motion textarea {
   display: block;
+  min-width: 100%;
 }
 .motion .motion-title{
   border-bottom: 1px solid black;
+  padding: 5px;
 }
 .motion .motion-title .title-text{
   font-size: 15pt;
diff --git a/templates/index.html b/templates/index.html
index 666f6f7..04bbabe 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,7 +9,7 @@ User: {{g.user}}
 </div>
 <form action="/motion" method="POST" class="form-inline">
 <div class="motion card">
-  <div class="motion-title card-heading bg-light from-group">
+  <div class="motion-title card-heading alert-light from-group">
     <input class="form-control motion-title-input" placeholder="Motion title" type="text" name="title" id="title">
     {%- if categories|length == 1 %}
     <input type="text" class="float form-control" maxwidth="10" disabled value="{{categories[0]}}">
@@ -28,7 +28,7 @@ User: {{g.user}}
     </select>
   </div>
   <div class="card-body">
-    <textarea class="form-control" placeholder="Motion content" name="content" rows="8" cols="70"></textarea><br>
+    <textarea class="form-control" placeholder="Motion content" name="content" rows="8"></textarea><br>
     Editing note: Markdown is used formatting.<br>
     To add a line break add two lines, to enter a link use [text](https//domain.tld/link)<br>
     <button class="btn btn-primary" type="submit">Submit Motion</button>
diff --git a/templates/motion.html b/templates/motion.html
index 2f0d6b7..051b8d6 100644
--- a/templates/motion.html
+++ b/templates/motion.html
@@ -1,8 +1,8 @@
 <div class="motion card" id="motion-{{motion.id}}">
   <div class="motion-title card-heading 
-  {%- if motion.running %} bg-light
-{%- elif motion.canceled %} text-white bg-warning
-{%- elif motion.yes is defined %}{% if motion.yes != None and motion.no != None and motion.yes > motion.no %} text-white bg-success{% else %} text-white bg-danger{% endif %}
+  {%- 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') }})