- CSS fix

- Fix the MovimTpl.back() function

app/assets/js/movim_tpl.js

@@ -121,7 +121,8 @@ var MovimTpl = {
     },
     back : function() {
         // If the contect menu is show
-        if(document.querySelector('ul.context_menu').className.contains('shown')) {
+        var cm = document.querySelector('ul.context_menu');
+        if(cm != null && cm.className.contains('shown')) {
             MovimTpl.toggleContextMenu(document);
         }
         // If a dialog box is show

app/widgets/About/about.tpl

@@ -1,5 +1,5 @@
 <div class="tabelem" title="{$c->__('page.about')}" id="about">
-    <h2 class="padded">{$c->__('page.about')} </h2>
+    <h2 class="padded_top_bottom">{$c->__('page.about')} </h2>
 
     <ul class="thick divided">
         <li class="condensed">

app/widgets/AdminDB/admindb.tpl

@@ -1,6 +1,5 @@
-<div id="admindb" class="tabelem paddedtop" title="{$c->__('db.legend')}">
-    <form class="flex">
-        <ul class="block large">
+<div id="admindb" class="tabelem" title="{$c->__('db.legend')}">
+    <ul class="flex large">
         <li class="subheader">{$c->__('db.legend')}</li>
 
         {if="!$connected"}
@@ -42,6 +41,7 @@
         {/if}
     </ul> 
 
+    <form class="flex padded_top_bottom">
         <div class="block">
             <input value="{$dbtype}" disabled/>
             <label for="logLevel">{$c->__('db.type')}</label>

app/widgets/AdminMain/adminmain.tpl

@@ -1,4 +1,4 @@
-<div id="admingen" class="tabelem paddedtop" title="{$c->__('admin.general')}">
+<div id="admingen" class="tabelem padded_top_bottom" title="{$c->__('admin.general')}">
 <form name="admin" id="adminform" action="#" method="post">
     <br />
     <h3>{$c->__('admin.general')}</h3>

app/widgets/Help/help.tpl

@@ -35,7 +35,7 @@
 
     <div class="clear spacetop"></div>
 
-    <h2 class="padded">{$c->__('help.faq')}</h2>
+    <h2 class="padded_top_bottom">{$c->__('help.faq')}</h2>
     
     <div class="card">
         <article>

app/widgets/Post/_post_empty.tpl

@@ -3,7 +3,7 @@
     <h4>{$c->__('post.placeholder')}</h4>
 </div>-->
 <br/>
-<h2 class="padded">{$c->__('post.hot')}</h2>
+<h2 class="padded_top_bottom">{$c->__('post.hot')}</h2>
 
 <ul class="flex card thick active">
 {loop="$posts"}

app/widgets/Statistics/statistics.tpl

@@ -1,4 +1,4 @@
-<div id="statistics" class="tabelem paddedtop" title="{$c->__("statistics.title")}">
+<div id="statistics" class="tabelem" title="{$c->__("statistics.title")}">
     <ul class="divided thick">
         <li class="subheader">
             {$c->__('statistics.sessions')} - {$sessions|count}
@@ -26,7 +26,7 @@
         {/loop}
     </ul>
 
-    <h3>{$c->__('statistics.subscriptions')}</h3>
+    <h3 class="padded_top_bottom">{$c->__('statistics.subscriptions')}</h3>
     <div class="card">
         <img src="{$cache_path}monthly.png">
     </div>

themes/material/css/article.css

@@ -25,7 +25,8 @@ article section {
     padding: 0 2rem;
 }
 
-article img {
+article img,
+article video {
     max-width: 100%;
     height: auto;
 }

themes/material/css/style.css

@@ -517,6 +517,7 @@ main ul li .control > i {
     background-color: white;
     border-radius: 2px;
     border: 1px solid rgba(0, 0, 0, 0.12);
+    max-width: 100%;
 }
 
 @media screen and (max-width: 1024px) {
@@ -883,17 +884,17 @@ dl dd {
 /* Display/hide */
 
 .on_mobile {
-    display: none;
+    display: none !important;
 }
 
 @media screen and (max-width: 1024px) {
 
 .on_mobile {
-    display: inherit;
+    display: inherit !important;
 }
 
 .on_desktop {
-    display: none;
+    display: none !important;
 }
 
 }