- Performance: Lighten CSS using MVP instead of bootstrap

1 files changed, 8 insertions, 8 deletions

diff --git a/laravel/resources/views/song.blade.php b/laravel/resources/views/song.blade.php
index 6871a91..5fdc847 100644
--- a/laravel/resources/views/song.blade.php
+++ b/laravel/resources/views/song.blade.php
@@ -6,21 +6,21 @@
     <div class='controlArea'>
     @if( isset( $back ) )
         <a class='back' href='{{route('song.show', ['song' => $back, 'playlist' => $playlist ?? ''])}}'>
-        {{$back->name}}
+        <b>{{$back->name}}</b>
         </a>
     @endif
     @if( $playlist ?? FALSE)
         <a class='home' href='{{route('playlist.show',['playlist' => $playlist->name])}}'>
-            Back to {{$playlist->name}}
+            <i>Back to {{$playlist->name}}</i>
         </a>
     @else
         <a class='home' href='{{route('song.list')}}'>
-        Go home
+        <i>Go home</i>
         </a>
     @endif
     @if( isset( $next ) )
         <a class='next' href='{{route('song.show', ['song' => $next, 'playlist' => $playlist ?? ''])}}'>
-        {{$next->name}}
+        <b>{{$next->name}}</b>
         </a>
     @endif
     </div>
@@ -61,10 +61,10 @@
     </select>
         <button>Transpose</button>
     </form>
-    @foreach (['G','D','C'] as $possibleKey)
+    @foreach (['G','D','C','A'] as $possibleKey)
         @if($possibleKey != ($_GET['transp'] ?? $song->key))
             <form style="display: inline-block;">
-                <button>Transpose to {{$possibleKey}}</button>
+                <button>to {{$possibleKey}}</button>
                 <input type='hidden' name='transp' value='{{$possibleKey}}'>
             </form>
         @endif
@@ -78,10 +78,10 @@
 
     @foreach ($suggestions as $sug)
         <div class='controlArea'>
-            <a class='but' href='{{route('song.suggested', ['song' => $sug, 'from' => $song, 'playlist' => $playlist ?? ''])}}'>{{$sug->name}}</a>
+            <a class='but' href='{{route('song.suggested', ['song' => $sug, 'from' => $song, 'playlist' => $playlist ?? ''])}}'><b>{{$sug->name}}</b></a>
             @if ($key && $sug->key)
             <a class='but' data-words='transposed to ' data-key='{{$key}}' href='{{route('song.suggested', ['song' => $sug, 'from' => $song, 'key' => $key, 'playlist' => $playlist ?? ''])}}'>
-                transposed to {{$key}}
+                <i>transposed to {{$key}}</i>
             </a>
             @endif
         </div>