playing with mobile display for tables

public/css/jk.css

@@ -10,20 +10,16 @@
 	text-align: right;
 	float:right;
 }
-#editbuttons{
-	list-style:none;
-}
-#editbuttons li{
-	list-style:none;
-	padding: 15px;
-}
 #navline1, #navline2{
 	text-align:center;
 	padding:10px;
 }
+.editbutton, .deletebutton{
+	display:inline;
+}
 @media (max-width:575.98px){
 
 .col-md-12{
-	
+
 }
 }

resources/views/beers/index.blade.php

@@ -32,11 +32,11 @@
 		<td><a href="/brewery/{{$beer->brewery_id}}">{{$beer->brewery}}</a> </td>
 		<td>{{$beer->type}} </td>
     @if (Auth::user()->isAdmin())
-<td><a href="{{ route('beers.edit',$beer->beer_id)}}" class="btn btn-primary">Edit</a>
+<td><a href="{{ route('beers.edit',$beer->beer_id)}}" class="btn btn-primary editbutton">Edit</a>
 <form action="{{ route('beers.destroy', $beer->beer_id)}}" method="post">
   @csrf
   @method('DELETE')
-  <button class="btn btn-danger" type="submit">Delete</button>
+  <button class="btn btn-danger deletebutton" type="submit">Delete</button>
 </form></td>
 @endif