From 9f92841ea372c00bf9f0c67a4b4b14cf774664d7 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Fri, 17 Jul 2026 08:52:39 +0200
Subject: [PATCH] gf

---
 public/s/css/f0ckm.css         |  3 ++-
 public/s/js/f0ckm.js           | 18 ++++++++++++++++++
 views/item-partial-legacy.html |  9 ++++++---
 views/item-partial-modern.html |  2 +-
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 58aca9b..c538622 100644
--- a/public/s/css/f0ckm.css
+++ b/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;
 }
 
 /* =============================================
diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index 560f690..71f6d9b 100644
--- a/public/s/js/f0ckm.js
+++ b/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');
diff --git a/views/item-partial-legacy.html b/views/item-partial-legacy.html
index 1fd96bc..5666fd9 100644
--- a/views/item-partial-legacy.html
+++ b/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
+                                @endif
+                                <span id="oc-badge-container-infobox">@if(item.is_oc)<span class="oc-badge" tooltip="Original Content">OC</span>@endif</span>
                             </div>
-                            @endif
                         </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)
diff --git a/views/item-partial-modern.html b/views/item-partial-modern.html
index 5b9ba69..95872b1 100644
--- a/views/item-partial-modern.html
+++ b/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">