@@ -77,7 +77,7 @@ const LanguageSettings: React.FC<{}> = () => {
7777 } ;
7878 const selectedKey = options . find ( ( { name} ) => name === currentLanguageString ) ;
7979 return (
80- < ComboBox label = { __ ( "settings.language.languageChoice" ) } defaultItems = { options } defaultSelectedKey = { selectedKey ?. id } onSelectionChange = { setLang } svg = { LanguageIcon } >
80+ < ComboBox label = { __ ( "settings.language.languageChoice" ) } defaultItems = { options } defaultSelectedKey = { selectedKey ?. id } onSelectionChange = { setLang } svg = { LanguageIcon } style = { { borderBottom : "2px solid var(--color-extralight-grey)" } } >
8181 { item => < ComboBoxItem > { item . name } </ ComboBoxItem > }
8282 </ ComboBox >
8383 ) ;
@@ -102,6 +102,10 @@ const ConnectionSettings: React.FC<{}> = () => {
102102 return (
103103 < section className = { stylesSettings . section } style = { { position : "relative" } } >
104104 < h4 > { __ ( "settings.auth.title" ) } </ h4 >
105+ < div className = { stylesSettings . session_text } >
106+ < SVG ariaHidden svg = { InfoIcon } />
107+ < p > { __ ( "settings.auth.help" ) } </ p >
108+ </ div >
105109 < Auth />
106110 </ section >
107111 ) ;
@@ -117,6 +121,10 @@ const SaveSessionSettings: React.FC<{}> = () => {
117121 return (
118122 < section className = { stylesSettings . section } style = { { position : "relative" } } >
119123 < h4 > { __ ( "app.session.exit.askBox.message" ) } </ h4 >
124+ < div className = { stylesSettings . session_text } style = { { margin : "0" } } >
125+ < SVG ariaHidden svg = { InfoIcon } />
126+ < p > { __ ( "app.session.exit.askBox.help" ) } </ p >
127+ </ div >
120128 < div className = { stylesAnnotations . annotations_checkbox } >
121129 < input type = "checkbox" id = "saveSessionSettings" className = { stylesGlobal . checkbox_custom_input } name = "saveSessionSettings" checked = { sessionSaveState } onChange = { onChange } />
122130 < label htmlFor = "saveSessionSettings" className = { stylesGlobal . checkbox_custom_label } >
@@ -197,8 +205,12 @@ const SaveCreatorSettings: React.FC<{}> = () => {
197205 return (
198206 < section className = { stylesSettings . section } style = { { position : "relative" } } >
199207 < h4 > { __ ( "settings.annotationCreator.creator" ) } </ h4 >
200- < div className = { stylesInput . form_group } style = { { marginTop : "20px" , width : "360px" } } >
201- < input type = "text" name = "creator-name" style = { { width : "100%" , marginLeft : "10px" } } className = "R2_CSS_CLASS__FORCE_NO_FOCUS_OUTLINE" title = { name } value = { name } onChange = { ( e ) => {
208+ < div className = { stylesSettings . session_text } style = { { margin : "0" } } >
209+ < SVG ariaHidden svg = { InfoIcon } />
210+ < p > { __ ( "settings.annotationCreator.help" ) } </ p >
211+ </ div >
212+ < div className = { stylesInput . form_group } style = { { marginTop : "20px" , width : "360px" } } >
213+ < input type = "text" name = "creator-name" style = { { width : "100%" , marginLeft : "10px" } } className = "R2_CSS_CLASS__FORCE_NO_FOCUS_OUTLINE" title = { name } value = { name } onChange = { ( e ) => {
202214 const v = e . target . value ;
203215 setName ( v ) ;
204216 } } />
0 commit comments