From: Marcin Haba <marcin.haba@bacula.pl>
Date: Sat, 31 Jul 2021 09:36:04 +0000 (+0200)
Subject: baculum: Fix displaying issue in restore browser - reported by Sergey Zhidkov
X-Git-Tag: Release-11.3.2~167
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=19651ff66263f6ee34c3bb3875e9136251c32341;p=thirdparty%2Fbacula.git

baculum: Fix displaying issue in restore browser - reported by Sergey Zhidkov
---

diff --git a/gui/baculum/protected/Web/Pages/RestoreWizard.page b/gui/baculum/protected/Web/Pages/RestoreWizard.page
index 55ded9683..97456077f 100644
--- a/gui/baculum/protected/Web/Pages/RestoreWizard.page
+++ b/gui/baculum/protected/Web/Pages/RestoreWizard.page
@@ -650,22 +650,25 @@ $(function() {
 							<div id="restore-browser-files-content"></div>
 						</div>
 						<div id="restore-browser-nav" class="w3-hide-small" style="height: 57px; padding: 8px 0;">
-							<button type="button" class="w3-button w3-dark-grey w3-right" onclick="oRestoreBrowserFiles.next_page();"><%[ Next ]%> &nbsp;<i class="fa fa-arrow-right"></i></button>
-							<button type="button" class="w3-button w3-dark-grey w3-right w3-margin-right" onclick="oRestoreBrowserFiles.prev_page();"><i class="fa fa-arrow-left"></i> &nbsp;<%[ Previous ]%></button>
+							<button type="button" class="w3-button w3-dark-grey w3-right" onclick="oRestoreBrowserFiles.next_page();" title="<%[ Next ]%>"><i class="fa fa-arrow-right"></i></button>
+							<button type="button" class="w3-button w3-dark-grey w3-right w3-margin-right" onclick="oRestoreBrowserFiles.prev_page();" title="<%[ Previous ]%>"><i class="fa fa-arrow-left"></i></button>
 							<com:TActiveTextBox
 								ID="RestoreBrowserLimit"
 								CssClass="w3-input w3-border w3-right w3-show-inline-block w3-margin-right"
 								Width="70px"
 								Text="2000"
+								Attributes.title="<%[ Limit: ]%>"
 							/>
-							<span class="w3-right" style="padding: 8px 2px 8px 8px"><%[ Limit: ]%></span>
+							<span class="w3-right offset_limit" style="padding: 8px 2px 8px 8px"><%[ Limit: ]%></span>
 							<com:TActiveTextBox
 								ID="RestoreBrowserOffset"
 								CssClass="w3-input w3-border w3-right w3-show-inline-block"
 								Width="70px"
 								Text="0"
+								Style="margin-right: 2px"
+								Attributes.title="<%[ Offset: ]%>"
 							/>
-							<span class="w3-right" style="padding: 8px 2px"><%[ Offset: ]%></span>
+							<span class="w3-right offset_limit" style="padding: 8px 2px"><%[ Offset: ]%></span>
 							<input type="text" id="restore-browser-search" class="w3-input w3-border w3-show-inline-block" style="width: 170px" placeholder="&#128269; <%[ Search... ]%>" />
 							<input type="checkbox" class="w3-check w3-margin-left" id="restore-browser-search-insensitive" />
 							<label for="restore-browser-search-insensitive" style="padding: 8px 2px"><%[ case sensitive ]%></label>
diff --git a/gui/baculum/themes/Baculum-v2/css/restore-wizard.css b/gui/baculum/themes/Baculum-v2/css/restore-wizard.css
index 2412b465b..cedd21723 100644
--- a/gui/baculum/themes/Baculum-v2/css/restore-wizard.css
+++ b/gui/baculum/themes/Baculum-v2/css/restore-wizard.css
@@ -17,13 +17,19 @@
 	height: calc(100% - 57px) !important;
 }
 
-@media (max-width: 600px) {
+@media only screen and (max-width: 600px) {
 	#restore-browser-files {
 		/* On small devices bottom toolbar with search, offset and limit is not displayed */
 		height: 100% !important;
 	}
 }
 
+@media only screen and (max-width: 1650px) {
+	.offset_limit {
+		display: none;
+	}
+}
+
 #restore-browser-files-loading {
 	position: absolute;
 	z-index: 10;
@@ -52,7 +58,7 @@ div.file-browser-element:hover {
 
 .restore-browser-element-right {
 	float: right;
-	width: 100px;
+	width: 137px;
 }
 
 .restore-browser-element-right {