Minor UI improvements.

1 files changed, 9 insertions, 0 deletions

diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 133368f..dd891b7 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,6 +1,14 @@
 @extends('layouts.app')
 
 @section('styles')
+@media ( max-width: 397px ) {
+	.btn-mobile-second {
+		margin-top: 1rem;
+	}
+	.btn-lg {
+		width: 100%;
+	}
+}
 @endsection
 
 @section('content')
@@ -16,6 +24,7 @@
     </p>
     <p class="lead">
       <a href="{{ route('popular') }}" class="btn btn-lg btn-outline-primary">Most Popular</a>
+      <a href="{{ route('popular_topics') }}" class="btn btn-lg btn-outline-primary btn-mobile-second">Popular Topics</a>
     </p>
     <p class="lead mt-50">
       Not ready to explore?<br> <a href="{{ route('about') }}">Then learn more</a>.