アイコンの横に名前が来るように修正

resources/views/components/profile.blade.php

@@ -1,7 +1,9 @@
 <div class="card mb-4">
     <div class="card-body">
-        <img src="{{ $user->getProfileImageUrl(64) }}" class="rounded mb-1">
-        <h4 class="card-title">
+        <div class="d-flex flex-row align-items-end">
+            <img src="{{ $user->getProfileImageUrl(64) }}" class="rounded mr-2">
+            <div class="d-flex flex-column overflow-hidden">
+                <h4 class="card-title text-truncate">
                     <a class="text-dark" href="{{ route('user.profile', ['name' => $user->name]) }}">{{ $user->display_name }}</a>
                 </h4>
                 <h6 class="card-subtitle">
@@ -10,6 +12,8 @@
                         <span class="oi oi-lock-locked text-muted"></span>
                     @endif
                 </h6>
+            </div>
+        </div>
 
         @if (!$user->is_protected)
             <h6 class="font-weight-bold mt-4"><span class="oi oi-timer"></span> 現在のセッション</h6>