FEATURE: changed graphics of articles

templates/Binarity/Resources/assets/css/app.css

@@ -5358,6 +5358,9 @@ table.hover tr:nth-of-type(even):hover {
 .m-t-25 {
 	margin-top: 25px;
 }
+.m-t-35 {
+	margin-top: 35px;
+}
 .m-t-50 {
 	margin-top: 50px;
 }
@@ -9237,13 +9240,24 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,secti
 
 
 .article-list-item .date.big {
-	font-size: 4em;
+	font-size: 5em;
 	line-height: 1em;
+	font-weight: 500;
+	color: #414042;
+}
+.article-list-item .date.month {
+	top: -15px;
+	position: relative;
+	right: 3px;
+	color: #414042;
 }
 
 .gravatar {
 	border-radius: 50%;
 }
+.author .gravatar {
+	width: 40px;
+}
 
 .article-list-item .author {
 	line-height: 1;
@@ -9262,11 +9276,13 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,secti
 }
 
 article h1 {
-	font-size: 2em;
+	font-size: 1.9em;
+	font-weight: 700;
 }
 article h2 {
 	margin-top: 20px;
-	font-size: 1.5em;
+	font-size: 1.35em;
+	color: #414042;
 }
 
 article h3 {
@@ -9274,6 +9290,20 @@ article h3 {
 	font-size: 1.2em;
 }
 
+.off-canvas-content .article-list-item div {
+	color: #414042;
+}
+
 .comment aside {
 	line-height: 1;
+}
+
+.comments-form textarea {
+	margin-bottom: 3px;
+}
+.comments-form .gravatar {
+	width: 50px;
+	float: right;
+	padding: 0;
+	margin: 0;
 }

templates/Binarity/Resources/views/modules/article/visitor/default.blade.php

@@ -8,12 +8,10 @@
         <aside class="column text-right large-1">
             <div class="date">
                 <span class="date day big">@customDate('j', $page->created_at)</span>
-                <br>
                 <span class="date uppercase month">@monthName($page->created_at)</span>
             </div>
             <div class="m-t-25 author">
                 <img class="gravatar" src="@gravatar($page->author->email, 50)" alt="">
-                <br />
                 <small>{{$page->author->name}}</small>
             </div>
 
@@ -25,8 +23,8 @@
 
 
             @if(isset($page->module_settings->allowComments) && $page->module_settings->allowComments != 0)
-                <div class="m-t-25 text-center">
-                    <a href="#comments"><i class="fa fa-comments"></i> {{$page->comments->count()}}</a>
+                <div class="m-t-35">
+                    <a href="#comments">{{$page->comments->count()}} <i class="fa fa-comments"></i></a>
                 </div>
             @endif
         </aside>
@@ -43,7 +41,7 @@
             <a name="comments"></a>
 
 
-            <h2>Komentáře</h2>
+            <h2 class="column large-11" style="float: right;">Komentáře</h2>
             @foreach($page->comments as $comment)
 
                 <div class="row m-t-25 comment">
@@ -70,7 +68,7 @@
             <?php
             $loggedUser = \Auth::user();
             ?>
-            <div class="row m-t-25 ">
+            <div class="row m-t-25 comments-form">
                 <div class="column large-1">
                     @if($loggedUser)
                         <img src="@gravatar($loggedUser->email)" class="gravatar" alt="">
@@ -101,7 +99,7 @@
                             <div class="column medium-12">
                                 <textarea name="message" required>{{old('message')}}</textarea>
 
-                                <button type="submit" class="button success">Uložit</button>
+                                <button type="submit" class="button success pull-right">Uložit</button>
                             </div>
                         </div>
                     </form>