merge to existing

public/css/style.css

-/*.jumbotron {
-   background: #3499CC !important;
-   color: white !important;
-}*/
-
 .navbar {
 	background-color: #003365 !important;
 	border-radius: 0px !important;
@@ -162,4 +157,35 @@
 .header-login .title2 {
 	font-weight: bold;
 	font-style: initial;
+}
+
+.header-create-post {
+	height: 650px;
+	background-color: #92c6f9;
+}
+
+.header-create-post h1 {
+	color: white;
+	font-size: 4em;
+	text-align: right;
+	font-weight: bold;
+	margin-right: 20px;
+}
+
+/* Clear the 1px gap on row and container */
+div.row:before, div.row:after {
+	display: none
+}
+
+.post-view h1 {
+	font-size: 4em;
+}
+
+.post-view h3 {
+	font-size: 1.5em;
+}
+
+.post-view-img img {
+	max-height: inherit;
+	margin-top: 130px;
 }
\ No newline at end of file

resources/views/admin/createpost.blade.php

 @extends('layouts.app')
 
 @section('content')
-    <div class="post">
-        <h1>Create New Post</h1>
+<div class="row create-post-container">
+    <div class="col-3 header-create-post">
+        <h1>Create<br>Post</h1>
+    </div>
+    <div class="col-8 post">
         {!! Form::open(['action' => 'PostsController@store', 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}
             <div class="form-group">
                 {{Form::label('title', 'Title')}}
@@ -22,5 +25,6 @@
                 </a>
             </div>
         {!! Form::close() !!}
-    </div>
+    </div>        
+</div>
 @endsection
\ No newline at end of file

resources/views/admin/editpost.blade.php

 @extends('layouts.app')
 
 @section('content')
-    <div class="post">
-        <h1>Edit Post</h1>
+<div class="row create-post-container">
+    <div class="col-3 header-create-post">
+        <h1>Edit <br>Post</h1>
+    </div>
+    <div class="col-8 post">
         {!! Form::open(['action' => ['PostsController@update', $post->id], 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}
             <div class="form-group">
                 {{Form::label('title', 'Title')}}
@@ -24,4 +27,5 @@
             </div>
         {!! Form::close() !!}
     </div>
+</div>
 @endsection
\ No newline at end of file

resources/views/admin/showeachpost.blade.php

@@ -4,8 +4,25 @@
     <h1>{{$post->title}}</h1>
     <!--@if ($post->cover_image !== 'noimage.jpg')   
         <div class="row">
-            <div class="col-sm-6 col-md-6">
-                <img style="width:100%" src="/storage/cover_images/{{$post->cover_image}}">
+            <div class="col-8">
+                <h1>{{$post->title}}</h1>
+                <h3>By {{$post->user->name}}</h3>
+                <hr>
+                <div>
+                    {!!$post->body!!}
+                </div>
+                <hr>
+                    <i>Created on {{$post->created_at}}</i>
+                <hr>
+                <a href="/posts/{{$post->id}}/edit" class="btn btn-warning">Edit</a>
+                {!!Form::open(['action' => ['PostsController@destroy', $post->id], 'method' => 'POST', 'class' => 'pull-right'])!!}
+                    {{Form::hidden('_method', 'DELETE')}}
+                    {{Form::submit('Delete', ['class' => 'btn btn-danger', 'onclick' => "return confirm('Are you sure you want to delete?')"])}}
+                {!!Form::close() !!}
+                <a href="/posts" class="btn btn-info pull-down">&#8592; Back</a>
+            </div>
+            <div class="col-4 post-view-img">
+                <img src="/storage/cover_images/{{$post->cover_image}}">
             </div>
         </div>
         <br><br>

resources/views/admin/showpost.blade.php

@@ -16,12 +16,12 @@
             @foreach ($posts as $post)
                 <div class="well">
                     <div class="row">
-                        <div class="col-md-4 col-sm-4">
-                            <img style="width:100%" src="/storage/cover_images/{{$post->cover_image}}">
-                        </div>
-                        <div class="col-md-8 col-sm-8">
+                        <div class="col-8 post-card">
                             <h3><a href="/posts/{{$post->id}}">{{$post->title}}</a></h3>
-                            <small>Written on {{$post->created_at}} by {{$post->user->name}}</small>
+                            <i>Written on {{$post->created_at}} by {{$post->user->name}}</i>
+                        </div>
+                        <div class="col-4 img-card">
+                            <img style="width:100%" src="/storage/cover_images/{{$post->cover_image}}">
                         </div>
                     </div>
                 </div>