Update Report views, improve responsiveness

resources/views/report/abusive/comment.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Abusive/Harmful Comment
       </div>
       <div class="card-body">

resources/views/report/abusive/post.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Abusive/Harmful Post
       </div>
       <div class="card-body">

resources/views/report/abusive/profile.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Abusive/Harmful Profile
       </div>
       <div class="card-body">

resources/views/report/form.blade.php

@@ -2,8 +2,8 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
 
     <div class="card">
       <div class="card-header lead font-weight-bold bg-white">

resources/views/report/not-interested.blade.php

@@ -2,21 +2,21 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         I'm not interested in this content
       </div>
       <div class="card-body">
         <div class="p-5 text-center">
           <p class="lead">You can <b class="font-weight-bold">unfollow</b> or <b class="font-weight-bold">mute</b> a user or hashtag from appearing in your timeline. Unless the content violates our terms of service, there is nothing we can do to remove it.</p>
         </div>
-        <div class="col-12 col-md-8 offset-md-2">
+{{--         <div class="col-12 col-md-8 offset-md-2">
           <p><a class="font-weight-bold" href="#">
             Learn more
           </a> about our reporting guidelines and policy.</p>
-        </div>
+        </div> --}}
       </div>
     </div>
   </div>

resources/views/report/sensitive/comment.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Sensitive Comment
       </div>
       <div class="card-body">

resources/views/report/sensitive/post.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Sensitive Post
       </div>
       <div class="card-body">

resources/views/report/sensitive/profile.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Sensitive Profile
       </div>
       <div class="card-body">

resources/views/report/spam/comment.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Comment Spam
       </div>
       <div class="card-body">

resources/views/report/spam/post.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Post Spam
       </div>
       <div class="card-body">

resources/views/report/spam/profile.blade.php

@@ -2,10 +2,10 @@
 
 @section('content')
 
-<div class="container mt-4 mb-5 pb-5">
-  <div class="col-12 col-md-8 offset-md-2">
+<div class="container px-0 mt-0 mt-md-4 mb-md-5 pb-md-5">
+  <div class="col-12 px-0 col-md-8 offset-md-2">
     <div class="card">
-      <div class="card-header lead font-weight-bold">
+      <div class="card-header lead font-weight-bold bg-white">
         Report Profile Spam
       </div>
       <div class="card-body">