Now handles small and medium including large

  Good ol' Foundation

  Take Care,
    Beanzilla .o(Hey this isn't a echo/net mail)

templates/message.html

@@ -7,36 +7,36 @@
 
 {% block content %}
 
-<div class="large-12 cell">
+<div class="small-12 medium-12 large-12 cell">
 
 <div class="grid-x padding-x">
-    <div class="large-2 cell">Message #:</div>
-    <div class="large-10 cell">{{ message.MsgNum }}</div>
+    <div class="small-2 medium-2 large-2 cell">Message #:</div>
+    <div class="small-10 medium-10 large-10 cell">{{ message.MsgNum }}</div>
 </div>
 
 <div class="grid-x padding-x">
-    <div class="large-2 cell">Date:</div>
-    <div class="large-10 cell">{{ message.written|datefmt }}</div>
+    <div class="small-2 medium-2 large-2 cell">Date:</div>
+    <div class="small-10 medium-10 large-10 cell">{{ message.written|datefmt }}</div>
 </div>
 
 <div class="grid-x padding-x">
-<div class="large-2 cell">From:</div>
-<div class="large-10 cell">{{ message.from }}</div>
+<div class="small-2 medium-2 large-2 cell">From:</div>
+<div class="small-10 medium-10 large-10 cell">{{ message.from }}</div>
 </div>
 
 <div class="grid-x padding-x">
-<div class="large-2 cell">To:</div>
-<div class="large-10 cell">{{ message.to }}</div>
+<div class="small-2 medium-2 large-2 cell">To:</div>
+<div class="small-10 medium-10 large-10 cell">{{ message.to }}</div>
 </div>
 
 <div class="grid-x padding-x">
-<div class="large-2 cell">Subject:</div>
-<div class="large-10 cell">{{ message.subject }}</div>
+<div class="small-2 medium-2 large-2 cell">Subject:</div>
+<div class="small-10 medium-10 large-10 cell">{{ message.subject }}</div>
 </div>
 
 <div class="grid-x padding-x">
-<div class="large-2 cell">Text:</div>
-<div class="large-10 cell">{% if message.png is defined %}
+<div class="small-12 medium-2 large-2 cell">Text:</div>
+<div class="small-12 medium-10 large-10 cell">{% if message.png is defined %}
   <img alt="Message {{ message.MsgNum }}" src="{{ url_for('display_ansi', area=area, msgno=message.MsgNum ) }}">{% else %}
   <pre class="oldstyle">{{ message.text }}</pre>{% endif %}
 </div>

templates/messages.html

@@ -6,16 +6,16 @@
 
 {% block content %}
 
-<div class="large-12 cell">
+<div class="small-10 medium-12 large-12 cell">
 
 <div class="grid-x">
-<div class="large-12 cell">
+<div class="small-10 medium-12 large-12 cell">
 <a href="{{ url_for('list_bases') }}">Back to Message Base Areas</a>
 </div>
-<div class="large-12 cell">
+<div class="small-10 medium-12 large-12 cell">
 {{ pagination.info }}
 </div>
-<div class="large-12 cell">
+<div class="small-10 medium-12 large-12 cell">
 {{ pagination.links }}
 </div>
 </div>
@@ -23,14 +23,14 @@
 {% for msg in messages %}
 <div class="grid-x padding-x">
 
-<div class="large-1 cell"><a href="{{ url_for('display_message', area=area, msgno=msg.MsgNum) }}">{{ msg.MsgNum }}</a></div>
-<div class="large-2 cell">{{ msg.written|datefmt }}</div>
-<div class="large-2 cell">{{ msg.from }}</div>
-<div class="large-2 cell">{{ msg.to }}</div>
-<div class="large-5 cell"><a href="{{ url_for('display_message', area=area, msgno=msg.MsgNum) }}">{{ msg.subject }}</a></div>
+<div class="small-2 medium-1 large-1 cell"><a href="{{ url_for('display_message', area=area, msgno=msg.MsgNum) }}">{{ msg.MsgNum }}</a></div>
+<div class="hide-for-small-only medium-3 large-2 cell">{{ msg.written|datefmt }}</div>
+<div class="small-2 medium-2 large-2 cell">{{ msg.from }}</div>
+<div class="small-2 medium-2 large-2 cell">{{ msg.to }}</div>
+<div class="small-4 medium-4 large-5 cell"><a href="{{ url_for('display_message', area=area, msgno=msg.MsgNum) }}">{{ msg.subject }}</a></div>
 </div>
 {% endfor %}
-<div class="large-12 cell">
+<div class="small-10 medium-12 large-12 cell">
 {{ pagination.links }}
 </div>