Prevent viewer toolbar button wrapping

PACS_DICOM处理/数据处理网页端/static/styles.css

@@ -226,6 +226,8 @@ button:disabled {
   border-radius: 8px;
   background: var(--panel-2);
   color: var(--text);
+  white-space: nowrap;
+  word-break: keep-all;
 }
 
 .ghost-btn:hover,
@@ -701,12 +703,25 @@ button:disabled {
   display: flex;
   align-items: center;
   gap: 10px;
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
   padding: 12px;
   border-bottom: 1px solid var(--stroke);
   background: rgba(8, 11, 17, 0.86);
 }
 
+.viewer-toolbar::-webkit-scrollbar {
+  height: 6px;
+}
+
+.viewer-toolbar::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: rgba(146, 163, 186, 0.34);
+}
+
 .segmented {
+  flex: 0 0 auto;
   display: flex;
   gap: 5px;
   padding: 5px;
@@ -720,7 +735,13 @@ button:disabled {
   background: var(--blue);
 }
 
+.segmented button,
+.tool-row button {
+  flex: 0 0 auto;
+}
+
 .tool-row {
+  flex: 0 0 auto;
   display: flex;
   gap: 6px;
   margin-left: auto;