From e5279f1a0a0eb58ea8734e42068a76d09d03e1c6 Mon Sep 17 00:00:00 2001
From: Mason Ballengee <masaball@iu.edu>
Date: Tue, 31 Oct 2023 16:03:25 -0400
Subject: [PATCH 1/2] Add nowrap css rule for .btn

---
 app/assets/stylesheets/avalon.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/avalon.scss b/app/assets/stylesheets/avalon.scss
index 2abcb58e3f..37aca27d2e 100644
--- a/app/assets/stylesheets/avalon.scss
+++ b/app/assets/stylesheets/avalon.scss
@@ -67,6 +67,10 @@ h2 {
   font-family: $museoSlab;
 }
 
+.btn {
+  white-space: nowrap;
+}
+
 .btn-info {
   color: $primary;
 }

From b6f085f5aa1c3cb97500aa08fc5f3af85f789bc4 Mon Sep 17 00:00:00 2001
From: Mason Ballengee <masaball@iu.edu>
Date: Wed, 1 Nov 2023 11:23:49 -0400
Subject: [PATCH 2/2] Limit nowrap to item page buttons

---
 app/assets/stylesheets/avalon.scss                     |  4 ----
 app/javascript/components/Ramp.jsx                     | 10 +++++-----
 app/views/media_objects/_administrative_links.html.erb |  4 ++--
 app/views/media_objects/_thumbnail.html.erb            |  2 +-
 app/views/media_objects/_timeline.html.erb             |  6 +++---
 5 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/avalon.scss b/app/assets/stylesheets/avalon.scss
index 37aca27d2e..2abcb58e3f 100644
--- a/app/assets/stylesheets/avalon.scss
+++ b/app/assets/stylesheets/avalon.scss
@@ -67,10 +67,6 @@ h2 {
   font-family: $museoSlab;
 }
 
-.btn {
-  white-space: nowrap;
-}
-
 .btn-info {
   color: $primary;
 }
diff --git a/app/javascript/components/Ramp.jsx b/app/javascript/components/Ramp.jsx
index 32e7df27c1..d8ddbe59c0 100644
--- a/app/javascript/components/Ramp.jsx
+++ b/app/javascript/components/Ramp.jsx
@@ -66,8 +66,8 @@ const Ramp = ({
                           <div  className="ramp--rails-content">
                             <Col className="ramp-button-group-1">
                               { timeline.canCreate && <div className="mr-1" dangerouslySetInnerHTML={{ __html: timeline.content }} /> }
-                              { playlist.canCreate && 
-                                <button className="btn btn-outline mr-1"
+                              { playlist.canCreate &&
+                                <button className="btn btn-outline mr-1 text-nowrap"
                                   id="addToPlaylistBtn"
                                   type="button"
                                   data-toggle="collapse"
@@ -79,9 +79,9 @@ const Ramp = ({
                                   Add to Playlist
                                 </button>
                               }
-                              { share.canShare && 
-                                <button 
-                                  className="btn btn-outline"
+                              { share.canShare &&
+                                <button
+                                  className="btn btn-outline text-nowrap"
                                   type="button"
                                   data-toggle="collapse"
                                   data-target="#shareResourcePanel"
diff --git a/app/views/media_objects/_administrative_links.html.erb b/app/views/media_objects/_administrative_links.html.erb
index 5d2db4bef7..031fa129b9 100644
--- a/app/views/media_objects/_administrative_links.html.erb
+++ b/app/views/media_objects/_administrative_links.html.erb
@@ -15,7 +15,7 @@ Unless required by applicable law or agreed to in writing, software distributed
 %>
 <% if can? :update, @media_object %>
   <div id="administrative_options">
-    <%= link_to 'Edit', edit_media_object_path(@media_object), class: 'btn btn-primary' %>
+    <%= link_to 'Edit', edit_media_object_path(@media_object), class: 'btn btn-primary text-nowrap' %>
 
     <% if @media_object.published? %>
     <% if can?(:unpublish, @media_object) %>
@@ -26,7 +26,7 @@ Unless required by applicable law or agreed to in writing, software distributed
     <% end %>
 
     <% if Settings.intercom.present? and can? :intercom_push, @media_object %>
-    <%= button_tag(Settings.intercom['default']['push_label'], class: 'btn btn-outline', data: {toggle:"modal", target:"#intercom_push"}) %>
+    <%= button_tag(Settings.intercom['default']['push_label'], class: 'btn btn-outline text-nowrap', data: {toggle:"modal", target:"#intercom_push"}) %>
     <%= render "intercom_push_modal" %>
     <% end %>
   </div>
diff --git a/app/views/media_objects/_thumbnail.html.erb b/app/views/media_objects/_thumbnail.html.erb
index 7f67cff375..c4457a4c20 100644
--- a/app/views/media_objects/_thumbnail.html.erb
+++ b/app/views/media_objects/_thumbnail.html.erb
@@ -15,7 +15,7 @@ Unless required by applicable law or agreed to in writing, software distributed
 %>
 
 <div id="thumbnail-button" style="display: inline-block;">
-  <button type="button" class="btn btn-outline" id="create-thumbnail-btn" data-toggle="modal" data-target="#thumbnailModal" disabled>
+  <button type="button" class="btn btn-outline text-nowrap" id="create-thumbnail-btn" data-toggle="modal" data-target="#thumbnailModal" disabled>
     Create Thumbnail
   </button>
 </div>
diff --git a/app/views/media_objects/_timeline.html.erb b/app/views/media_objects/_timeline.html.erb
index c40fc2f603..08517047f8 100644
--- a/app/views/media_objects/_timeline.html.erb
+++ b/app/views/media_objects/_timeline.html.erb
@@ -15,7 +15,7 @@ Unless required by applicable law or agreed to in writing, software distributed
 %>
 
 <div id="timeline-button">
-  <button type="button" class="btn btn-outline" id="timeline-btn" data-toggle="modal" data-target="#timelineModal" disabled >
+  <button type="button" class="btn btn-outline text-nowrap" id="timeline-btn" data-toggle="modal" data-target="#timelineModal" disabled >
     Create Timeline
   </button>
 </div>
@@ -74,7 +74,7 @@ $(document).ready(function() {
       scopes = timelineScopes.scopes;
       streamId = timelineScopes.streamId;
       let currentPlayer = document.getElementById('iiif-media-player').player;
- 
+
       for (let index = 0; index < scopes.length; index++) {
         scope = scopes[index];
         label = scope.label
@@ -130,7 +130,7 @@ $(document).ready(function() {
       $('#new-timeline-source')[0].value = '/master_files/'+ id + '?' + t;
       $('#new-timeline-form')[0].submit();
     });
-  }  
+  }
 });
 </script>