diff --git a/VIPSWeb/static/css/vipsweb.css b/VIPSWeb/static/css/vipsweb.css index 82c958d8c3220ffc40e964eb7e95c32b9bfb1253..f9da06ca786f83e8043ce8937ca04f90476e5ab4 100644 --- a/VIPSWeb/static/css/vipsweb.css +++ b/VIPSWeb/static/css/vipsweb.css @@ -734,4 +734,10 @@ table.messageTable tr, table.messageTable td cursor:pointer; } +.vipsMessageContainer { + margin-bottom: 15px; + margin-top: 15px; + background-color: white !important; +} + diff --git a/vips_messages/templates/messages/detail.html b/vips_messages/templates/messages/detail.html index 8bdb388b7266340d889247860f0741f128da7ddb..3d4d6ba72d153134c182b6ae57757dcc50311e88 100644 --- a/vips_messages/templates/messages/detail.html +++ b/vips_messages/templates/messages/detail.html @@ -2,12 +2,16 @@ {% load i18n %} {% block title%}{{ message.headline }}{%endblock%} {% block content %} -{% if message.illustration_file_name %} -<div class="messages_illustration"><img src="{{message.get_illustration_url}}" class="img-responsive"/></div> -{% endif %} -<h1>{{ message.heading }}</h1> -<p class="byline">{{message.date_pub | date:"Y-m-d"}} / {{message.created_by}}</p> -<p class="lead">{{message.lead_paragraph}}</p> -<p>{{message.body|linebreaks}}</p> - +<div class="row"> + <div class="col-md-3"> </div> + <div class="col-md-9 vipsMessageContainer"> + {% if message.illustration_file_name %} + <div class="messages_illustration"><img src="{{message.get_illustration_url}}" class="img-responsive"/></div> + {% endif %} + <h1>{{ message.heading }}</h1> + <p class="byline">{{message.date_pub | date:"Y-m-d"}} / {{message.created_by}}</p> + <p class="lead">{{message.lead_paragraph}}</p> + <p>{{message.body|linebreaks}}</p> + </div> +</div> {% endblock %} \ No newline at end of file