made psa editing responsive, closes #33

templates/index.html

@@ -12,11 +12,14 @@
 <div class="row">
 	<div class="col-xs-12">
 		{% for msg in get_announcements() %}
-		<div class="alert alert-{{levels.get(msg.level, ('info', ''))[0]}}" role="alert">
-			<ul class="list-unstyled">
-				<li>{{ valueeditor(('announcements',msg.id,'text'), msg.text|safe) }}</li>
-				<li class="pull-right">{{ valuedeletebtn(('announcements',msg.id,'deleted')) }}</li>
-				<li class="pull-right" style="padding-right: 5px;">
+		<div class="alert alert-{{levels.get(msg.level, ('info', ''))[0]}} row" role="alert">
+			<div class="col-xs-12" style="padding: 0px;">
+				<div class="pull-right">{{ valuedeletebtn(('announcements',msg.id,'deleted')) }}</div>
+				<div>{{ valueeditor(('announcements',msg.id,'text'), msg.text) }}</div>
+			</div>
+			<div class="col-xs-12" style="padding: 0px;">
+				<ul class="list-inline">
+					<li>
 						{% if not msg.visible %}
 							<a href="{{ url_for('edit', prefix='announcements.'+msg.id|string+'.', ref=request.url, visible=1) }}" class="btn btn-primary">Veröffentlichen</a>
 						{% elif msg.time_expire and msg.time_expire < datetime.now() %}
@@ -27,7 +30,7 @@
 							<a href="#" class="btn btn-success disabled">Öffentlich</a>
 						{% endif %}
 					</li>
-				<li class="dropdown pull-right" style="padding-right: 5px;">
+					<li class="dropdown">
 						<span class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">{{levels.get(msg.level, ('', 'Unbekannt'))[1]}} <span class="caret"></span></span>
 						<ul class="dropdown-menu">
 							{% for level, descr in levels.items() %}
@@ -37,10 +40,13 @@
 					</li>
 					<li>
 						Aktiv von {{ valueeditor(('announcements',msg.id,'time_publish'), msg.time_publish) }}
+					</li>
+					<li>
 						bis {{ valueeditor(('announcements',msg.id,'time_expire'), msg.time_expire) }}
 					</li>
 				</ul>
 			</div>
+		</div>
 		{% endfor %}
 	</div>
 </div>