Share page improved (mobile + header's padding)

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / common / Entry / share.html.twig
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig

index 955420ba41c8de4034f1318d9267479efd1acdae..9b0503d65b0720c1a7ab85fd74b0c03f9c94df61 100644 (file)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig
@@ -1,6 +1,9 @@
+<!DOCTYPE html>
  <html>
      <head>
+        <meta charset="utf-8">
          <title>{{ entry.title|e|raw }}</title>
+        <meta name="viewport" content="initial-scale=1.0">
          <meta property="og:title" content="{{ entry.title|e|raw }}" />
          <meta property="og:type" content="article" />
          <meta property="og:url" content="{{ app.request.uri }}" />
@@ -22,16 +25,15 @@
  
      </head>
      <body>
-        <header>
+        <header class="block">
              <h1>{{ entry.title|e|raw }}</h1>
-            <div><a href="{{ entry.url|e }}" target="_blank" title="{{ 'entry.view.original_article'|trans }} : {{ entry.title|e|raw }}" class="tool">{{ entry.domainName|removeWww }}</a></div>
-            <div>{{ "entry.public.shared_by_wallabag"|trans({'%wallabag_instance%': url('homepage'), '%username%': entry.user.username})|raw }}.</div>
-
+            <a href="{{ entry.url|e }}" target="_blank" title="{{ 'entry.view.original_article'|trans }} : {{ entry.title|e|raw }}" class="tool">{{ entry.domainName|removeWww }}</a>
+            <p class="shared-by">{{ "entry.public.shared_by_wallabag"|trans({'%wallabag_instance%': url('homepage'), '%username%': entry.user.username})|raw }}.</p>
              {% if entry.previewPicture is not null %}
-                <div><img class="preview" src="{{ entry.previewPicture }}" alt="{{ entry.title|striptags|e('html_attr') }}" /></div>
+                <img class="preview" src="{{ entry.previewPicture }}" alt="{{ entry.title|striptags|e('html_attr') }}" />
              {% endif %}
          </header>
-        <article>
+        <article class="block">
              {{ entry.content | raw }}
          </article>
      </body>