- 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,47 +1,47 @@
-<div id="admindb" class="tabelem paddedtop" title="{$c->__('db.legend')}">
-    <form class="flex">
-        <ul class="block large">
-            <li class="subheader">{$c->__('db.legend')}</li>
+<div id="admindb" class="tabelem" title="{$c->__('db.legend')}">
+    <ul class="flex large">
+        <li class="subheader">{$c->__('db.legend')}</li>
 
-            {if="!$connected"}
-                <li class="block large condensed">
-                    <span class="icon bubble color red">
-                        <i class="md md-settings-ethernet"></i>
+        {if="!$connected"}
+            <li class="block large condensed">
+                <span class="icon bubble color red">
+                    <i class="md md-settings-ethernet"></i>
+                </span>
+                <span>{$c->__('db.connect_error')}</span>
+                <p>{$errors}</p>
+            </li> 
+        {else}
+            <li class="block large">
+                <span class="icon bubble color green">
+                    <i class="md md-settings-ethernet"></i>
+                </span>
+                <span>{$c->__('db.connect_success')}</span>
+            </li>
+            {if="null !== $infos"}
+                <li class="block large condensed action">
+                    <div class="action">
+                        <a class="button" onclick="{$db_update}"> {$c->__('button.update')}</a>
+                    </div>
+                    <span class="icon bubble color orange">
+                        <i class="md md-refresh"></i>
                     </span>
-                    <span>{$c->__('db.connect_error')}</span>
-                    <p>{$errors}</p>
-                </li> 
+                    <span>{$c->__('db.update')}</span>
+                    {loop="$infos"}
+                        <p>{$value}</p>
+                    {/loop}
+                </li>
             {else}
                 <li class="block large">
                     <span class="icon bubble color green">
-                        <i class="md md-settings-ethernet"></i>
+                        <i class="md md-refresh"></i> 
                     </span>
-                    <span>{$c->__('db.connect_success')}</span>
+                    <span>{$c->__('db.up_to_date')}</span>
                 </li>
-                {if="null !== $infos"}
-                    <li class="block large condensed action">
-                        <div class="action">
-                            <a class="button" onclick="{$db_update}"> {$c->__('button.update')}</a>
-                        </div>
-                        <span class="icon bubble color orange">
-                            <i class="md md-refresh"></i>
-                        </span>
-                        <span>{$c->__('db.update')}</span>
-                        {loop="$infos"}
-                            <p>{$value}</p>
-                        {/loop}
-                    </li>
-                {else}
-                    <li class="block large">
-                        <span class="icon bubble color green">
-                            <i class="md md-refresh"></i> 
-                        </span>
-                        <span>{$c->__('db.up_to_date')}</span>
-                    </li>
-                {/if}
             {/if}
-        </ul> 
+        {/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;
 }
 
 }