Deal with more resolution issues

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

app/Resources/static/themes/material/css/main.css

@@ -233,8 +233,17 @@ div.pagination ul .next.disabled {
   color: #fff;
 }
 
+.page-footer .footer-copyright {
+  min-width: 50px;
+  height: auto !important;
+  line-height: 1em !important;
+}
+
 .page-footer .footer-copyright p {
-  display: inline;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
 }
 
 .hidden {
@@ -452,6 +461,13 @@ main ul.row {
   font-size: 15px;
 }
 
+a.original {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+}
+
 .card .card-entry-labels {
   position: absolute;
   top: 10px;

src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig

@@ -41,7 +41,7 @@
 
                             <div class="original grey-text">
                                 <a href="{{ entry.url|e }}" target="_blank" title="{{ entry.domainName|removeWww }}" class="tool original grey-text">
-                                    <span>{{ entry.domainName|removeWww|truncate(30, false, '…') }}</span>
+                                    <span>{{ entry.domainName|removeWww }}</span>
                                 </a>
                             </div>
 

src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig

@@ -127,12 +127,12 @@
         <div class="footer-copyright">
             <div class="container">
                 <div class="row">
-                    <div class="col s8">
-                        <p>
+                    <div class="col m12 l8 hide-on-small-only">
+                        <p title="{{ display_stats() | raw | striptags }}">
                             {{ display_stats() }}
                         </p>
                     </div>
-                    <div class="col s4">
+                    <div class="col s12 l4">
                         <p>
                             {{ 'footer.wallabag.powered_by'|trans }} <a target="_blank" href="https://wallabag.org" class="grey-text text-lighten-4">wallabag</a> –
                             <a class="grey-text text-lighten-4" href="{{ path('about') }}">{{ 'footer.wallabag.about'|trans|lower }}</a>