gf

public/s/css/f0ckm.css

@@ -14117,8 +14117,9 @@ textarea#profile_description {
 .user-infobox-actions {
   flex-shrink: 0;
   display: flex;
+  flex-flow:column;
   align-items: center;
-  gap: 4px;
+  gap: 10px;
 }
 
 /* =============================================

public/s/js/f0ckm.js

@@ -4076,6 +4076,24 @@ window.cancelAnimFrame = (function () {
               ocBtn.classList.toggle('fa-solid', newOc);
               ocBtn.classList.toggle('fa-regular', !newOc);
 
+              const container = document.getElementById('oc-badge-container');
+              if (container) {
+                  if (newOc) {
+                      container.innerHTML = ' — <span class="oc-badge" tooltip="Original Content">OC</span>';
+                  } else {
+                      container.innerHTML = '';
+                  }
+              }
+
+              const containerInfobox = document.getElementById('oc-badge-container-infobox');
+              if (containerInfobox) {
+                  if (newOc) {
+                      containerInfobox.innerHTML = '<span class="oc-badge" tooltip="Original Content">OC</span>';
+                  } else {
+                      containerInfobox.innerHTML = '';
+                  }
+              }
+
               window.flashMessage((window.f0ckI18n && (newOc ? window.f0ckI18n.oc_marked : window.f0ckI18n.oc_removed)) || (newOc ? 'MARKED AS ORIGINAL CONTENT' : 'OC STATUS REMOVED'));
           } else {
               window.flashError(data.msg || 'Error toggling OC status');

views/item-partial-legacy.html

@@ -108,15 +108,16 @@
                             <div class="user-infobox-description">
                                 {!! item.author_description || '' !!}
                             </div>
-                            @if(session)
                             <div class="user-infobox-actions">
+                                @if(session)
                                 @if(user_has_favorited)
                                 <i class="iconset fa-solid fa-heart" id="a_favo" title="Favorite"></i>
                                 @else
                                 <i class="iconset fa-regular fa-heart" id="a_favo" title="Favorite"></i>
                                 @endif
-                            </div>
                                 @endif
+                                <span id="oc-badge-container-infobox">@if(item.is_oc)<span class="oc-badge" tooltip="Original Content">OC</span>@endif</span>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -126,7 +127,9 @@
 
                     <a href="/{{ item.id }}" class="id-link" @if(user_alternative_infobox)style="display:none"@endif>{{ item.id }}</a>
                     @if(!user_alternative_infobox) — [<a id="a_username" data-username="{{ item.username || '' }}" @if(session) data-author-id="{{ item.author_id || '' }}" @endif href="/user/{{ (item.username || '').toLowerCase() }}" @if(session && item.author_id) tooltip="ID: {{ item.author_id }}" @endif @if(item.author_color) style="color: {{ item.author_color }}" @endif>{!! item.author_display_name || item.username || 'unknown' !!}</a>] @endif
-                    @if(item.is_oc)@if(!user_alternative_infobox) — @endif<span class="oc-badge" tooltip="Original Content">OC</span>@endif
+                    @if(!user_alternative_infobox)
+                    <span id="oc-badge-container">@if(item.is_oc) — <span class="oc-badge" tooltip="Original Content">OC</span>@endif</span>
+                    @endif
                 </span>
                 @if(!user_alternative_infobox) — <span class="badge badge-dark"><a href="/{{ item.id }}" class="timestamp-link"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></a></span>@if(halls_enabled && item.primaryHall) — @endif @endif
                 @if(halls_enabled && item.primaryHall)

views/item-partial-modern.html

@@ -120,7 +120,7 @@
             </div>
             <div class="blahlol">
                 <span class="badge badge-dark">
-                    <a href="/{{ item.id }}" class="id-link">{{ item.id }}</a> — [<a id="a_username" data-username="{{ item.username || '' }}" @if(session) data-author-id="{{ item.author_id || '' }}" @endif href="/user/{{ item_username_lower }}" @if(session && item.author_id) tooltip="ID: {{ item.author_id }}" @endif @if(item.author_color) style="color: {{ item.author_color }}" @endif>{!! item.author_display_name || item.username || 'unknown' !!}</a>] @if(item.is_oc) — <span class="oc-badge" tooltip="Original Content">OC</span>@endif
+                    <a href="/{{ item.id }}" class="id-link">{{ item.id }}</a> — [<a id="a_username" data-username="{{ item.username || '' }}" @if(session) data-author-id="{{ item.author_id || '' }}" @endif href="/user/{{ item_username_lower }}" @if(session && item.author_id) tooltip="ID: {{ item.author_id }}" @endif @if(item.author_color) style="color: {{ item.author_color }}" @endif>{!! item.author_display_name || item.username || 'unknown' !!}</a>] <span id="oc-badge-container">@if(item.is_oc) — <span class="oc-badge" tooltip="Original Content">OC</span>@endif</span>
                 </span>@if(halls_enabled && item.primaryHall) — @endif
                 @if(halls_enabled && item.primaryHall)
                 <span class="badge hall-badge-wrap">