From 7161a99b04b1370aeed3e7fb39c8d7f370e4307b Mon Sep 17 00:00:00 2001
From: tomasz1986 <twilczynski@naver.com>
Date: Mon, 22 Nov 2021 17:41:43 +0900
Subject: [PATCH] gui: Allow text wrapping in remove folder/device modals
 (#7976)

Remove the embedded CSS that prevents the lines from wrapping, resulting
in device and folder names being hidden on small screens.
---
 gui/default/syncthing/device/removeDeviceDialogView.html | 8 +++++---
 gui/default/syncthing/folder/removeFolderDialogView.html | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/gui/default/syncthing/device/removeDeviceDialogView.html b/gui/default/syncthing/device/removeDeviceDialogView.html
index bc9f20292..c8197d3ce 100644
--- a/gui/default/syncthing/device/removeDeviceDialogView.html
+++ b/gui/default/syncthing/device/removeDeviceDialogView.html
@@ -1,9 +1,11 @@
 <modal id="remove-device-confirmation" status="warning" icon="fas fa-question-circle" heading="{{'Remove Device' | translate}}" large="no" closeable="yes">
   <div class="modal-body">
-    <p ng-model="currentDevice.name" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
-      <span translate translate-value-name="{{currentDevice.name}}">Are you sure you want to remove device {%name%}?</span>
+    <p ng-model="currentDevice.name" translate translate-value-name="{{currentDevice.name}}">
+      Are you sure you want to remove device {%name%}?
+    </p>
+    <p ng-if="willBeReintroducedBy" translate translate-value-reintroducer="{{willBeReintroducedBy}}">
+      {%reintroducer%} might reintroduce this device.
     </p>
-    <p ng-if="willBeReintroducedBy" translate translate-value-reintroducer="{{willBeReintroducedBy}}">{%reintroducer%} might reintroduce this device.</p>
   </div>
   <div class="modal-footer">
     <button type="button" class="btn btn-warning pull-left btn-sm" data-dismiss="modal" ng-click="deleteDevice()">
diff --git a/gui/default/syncthing/folder/removeFolderDialogView.html b/gui/default/syncthing/folder/removeFolderDialogView.html
index 69ee3df5d..5d2eb2efd 100644
--- a/gui/default/syncthing/folder/removeFolderDialogView.html
+++ b/gui/default/syncthing/folder/removeFolderDialogView.html
@@ -1,7 +1,7 @@
 <modal id="remove-folder-confirmation" status="warning" icon="fas fa-question-circle" heading="{{'Remove Folder' | translate}}" large="no" closeable="yes">
   <div class="modal-body">
-    <p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
-      <span translate translate-value-label="{{currentFolder.label}}">Are you sure you want to remove folder {%label%}?</span>
+    <p translate translate-value-label="{{currentFolder.label}}">
+      Are you sure you want to remove folder {%label%}?
     </p>
     <p translate>
       No files will be deleted as a result of this operation.