From 406bd8286fc3683c3a6346b23fdcb9eaa5def767 Mon Sep 17 00:00:00 2001
From: Nikita Salikov <nsalikov@asu.edu>
Date: Thu, 30 Nov 2023 15:55:26 -0700
Subject: [PATCH 1/2] added doctype and lang, fixed font-size to relevant,
 fixed labels, added skip links after each section, fixed spacing, removed
 duplicate buttons, added sticky buttons element

---
 collections/harvestparams.php                 | 518 +++++++++---------
 content/lang/collections/harvestparams.en.php |   7 +
 content/lang/collections/harvestparams.es.php |   7 +
 content/lang/collections/harvestparams.fr.php |   7 +
 4 files changed, 291 insertions(+), 248 deletions(-)
diff --git a/collections/harvestparams.php b/collections/harvestparams.php
index acd3bc802b..89fbb499e1 100644
--- a/collections/harvestparams.php
+++ b/collections/harvestparams.php
@@ -1,3 +1,5 @@
+<!DOCTYPE html>
+
 <?php
 include_once('../config/symbini.php');
 include_once($SERVER_ROOT.'/content/lang/collections/harvestparams.'.$LANG_TAG.'.php');
@@ -8,7 +10,7 @@
 $collManager = new OccurrenceManager();
 $searchVar = $collManager->getQueryTermStr();
 ?>
-<html>
+<html lang="<?php echo $LANG_TAG ?>">
 <head>
 	<title><?php echo $DEFAULT_TITLE.' '.$LANG['PAGE_TITLE']; ?></title>
 	<?php
@@ -35,9 +37,9 @@
 		});
 	</script>
 	<script src="../js/symb/api.taxonomy.taxasuggest.js?ver=4" type="text/javascript"></script>
-	<style type="text/css">
+	<style>
 		hr{ clear:both; margin: 10px 0px }
-		.catHeaderDiv { font-weight:bold; font-size: 18px }
+		.catHeaderDiv { font-weight:bold; font-size: 1.8rem }
 		.coordBoxDiv { float:left; border:2px solid brown; padding:10px; margin:5px; white-space: nowrap; }
 		.coordBoxDiv .labelDiv { font-weight:bold;float:left }
 		.coordBoxDiv .iconDiv { float:right;margin-left:5px; }
@@ -67,285 +69,305 @@
 		<?php
 	}
 	?>
-	<div id="innertext">
+	<div id="innertext" style='position: relative;'>
 		<form name="harvestparams" id="harvestparams" action="list.php" method="post" onsubmit="return checkHarvestParamsForm(this)">
-			<hr/>
-			<div>
-				<div style="float:left">
-					<div>
-						<div class="catHeaderDiv"><?php echo $LANG['TAXON_HEADER']; ?></div>
-						<div style="margin:10px 0px 0px 5px;"><input type='checkbox' name='usethes' id='usethes' value='1' CHECKED />
-						<label for="usethes"><?php echo $LANG['INCLUDE_SYNONYMS']; ?></div></label>
-					</div>
-					<section class="flex-form">
-						<div>
-							<label for="taxontype"><?php echo $LANG['SELECT_TAXON_TYPE'] ?>:</label>
-							<select id="taxontype" name="taxontype">
-								<?php
-								$taxonType = 1;
-								if(isset($DEFAULT_TAXON_SEARCH) && $DEFAULT_TAXON_SEARCH) $taxonType = $DEFAULT_TAXON_SEARCH;
-								$taxonTypeRange = 6;
-								if(isset($DISPLAY_COMMON_NAMES) && !$DISPLAY_COMMON_NAMES) $taxonTypeRange = 5;
-								for($h=1;$h<$taxonTypeRange;$h++){
-									echo '<option value="'.$h.'" '.($taxonType==$h?'SELECTED':'').'>'.$LANG['SELECT_1-'.$h].'</option>';
-								}
-								?>
-							</select>
-						</div>
-						<div>
-							<label for="taxa"><?php echo $LANG['TYPE_TAXON'] ?>:</label>
-							<input id="taxa" type="text" size="60" name="taxa" id="taxa" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
-						</div>
-					</section>
-				</div>
-				<div style='float:right;margin:0px 10px;'>
-					<div><button type="submit" style="width:100%"><?php echo isset($LANG['BUTTON_NEXT_LIST'])?$LANG['BUTTON_NEXT_LIST']:'List Display'; ?></button></div>
-					<div><button type="button" style="width:100%" onclick="displayTableView(this.form)"><?php echo isset($LANG['BUTTON_NEXT_TABLE'])?$LANG['BUTTON_NEXT_TABLE']:'Table Display'; ?></button></div>
-					<div><button type="reset" style="width:100%" onclick="resetHarvestParamsForm()"><?php echo isset($LANG['BUTTON_RESET'])?$LANG['BUTTON_RESET']:'Reset Form'; ?></button></div>
-				</div>
+			<div style='float:right; position: sticky; top: 300px; width: 100px; '>
+				<div><button type="submit" style="width:100%"><?php echo isset($LANG['BUTTON_NEXT_LIST'])?$LANG['BUTTON_NEXT_LIST']:'List Display'; ?></button></div>
+				<div><button type="button" style="width:100%" onclick="displayTableView(this.form)"><?php echo isset($LANG['BUTTON_NEXT_TABLE'])?$LANG['BUTTON_NEXT_TABLE']:'Table Display'; ?></button></div>
+				<div><button type="reset" style="width:100%" onclick="resetHarvestParamsForm()"><?php echo isset($LANG['BUTTON_RESET'])?$LANG['BUTTON_RESET']:'Reset Form'; ?></button></div>
 			</div>
 			<hr/>
-			<div>
-				<div class="catHeaderDiv"><?php echo $LANG['LOCALITY_CRITERIA']; ?></div>
-			</div>
-			<div>
-				<label for="country"><?php echo $LANG['COUNTRY']; ?>:</label>
-				<input type="text" id="country" size="43" name="country" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
-			</div>
-			<div>
-				<label for="state"><?php echo $LANG['STATE']; ?>:</label>
-				<input type="text" id="state" size="37" name="state" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
-			</div>
-			<div>
-				<label for="county"><?php echo $LANG['COUNTY']; ?>:</label>
-				<input type="text" id="county" size="37"  name="county" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
-			</div>
-			<div>
-				<label for="locality"><?php echo $LANG['LOCALITY']; ?>:</label>
-				<input type="text" id="locality" size="43" name="local" value="" />
-			</div>
-			<section class="flex-form">
+			<div style="width: 900px;">
 				<div>
-					<label for="elevlow"><?php echo $LANG['ELEV_INPUT_1']; ?>:</label>
-					<input type="text" id="elevlow" size="10" name="elevlow" value="" onchange="cleanNumericInput(this);" />
-				</div>
-				<div>
-					<label for="elevhigh"><?php echo $LANG['ELEV_INPUT_2']; ?>:</label>
-					<input type="text" id="elevhigh" size="10" name="elevhigh" value="" onchange="cleanNumericInput(this);" />
-				</div>
-			</section>
-			<hr>
-			<div class="catHeaderDiv"><?php echo $LANG['LAT_LNG_HEADER']; ?></div>
-			<div>
-				<div class="coordBoxDiv">
-					<div class="labelDiv">
-						<?php echo $LANG['LL_BOUND_TEXT']; ?>
-					</div>
-					<div class="iconDiv">
-						<a href="#" onclick="openCoordAid('rectangle');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
-					</div>
-					<div class="elemDiv">
-						<div>
-							<label for="upperlat"><?php echo $LANG['LL_BOUND_NLAT']; ?>:</label>
-							<input type="text" id="upperlat" name="upperlat" size="7" value="" onchange="cleanNumericInput(this);">
-							<label for="upperlat_NS"><?php echo $LANG['DIRECTION'] ?>:</label>
-							<select id="upperlat_NS" name="upperlat_NS">
-								<option id="ulN" value="N"><?php echo $LANG['LL_N_SYMB']; ?></option>
-								<option id="ulS" value="S"><?php echo $LANG['LL_S_SYMB']; ?></option>
-							</select>
-						</div>
-						<div>
-							<label for="bottomlat"><?php echo $LANG['LL_BOUND_SLAT']; ?>:</label>
-							<input type="text" id="bottomlat" name="bottomlat" size="7" value="" onchange="cleanNumericInput(this);">
-							<label for="bottomlat_NS"><?php echo $LANG['DIRECTION'] ?>:</label>
-							<select id="bottomlat_NS" name="bottomlat_NS">
-								<option id="blN" value="N"><?php echo $LANG['LL_N_SYMB']; ?></option>
-								<option id="blS" value="S"><?php echo $LANG['LL_S_SYMB']; ?></option>
-							</select>
-						</div>
-						<div>
-							<label for="leftlong"><?php echo $LANG['LL_BOUND_WLNG']; ?>:</label>
-							<input type="text" id="leftlong" name="leftlong" size="7" value="" onchange="cleanNumericInput(this);">
-							<label for="leftlong_EW"><?php echo $LANG['DIRECTION'] ?>:</label>
-							<select id="leftlong_EW" name="leftlong_EW">
-								<option id="llW" value="W"><?php echo $LANG['LL_W_SYMB']; ?></option>
-								<option id="llE" value="E"><?php echo $LANG['LL_E_SYMB']; ?></option>
-							</select>
-						</div>
+					<div style="float:left">
 						<div>
-							<label for="rightlong"><?php echo $LANG['LL_BOUND_ELNG']; ?>:</label>
-							<input type="text" id="rightlong" name="rightlong" size="7" value="" onchange="cleanNumericInput(this);" style="margin-left:3px;">
-							<label for="rightlong_EW"><?php echo $LANG['DIRECTION'] ?>:</label>
-							<select id="rightlong_EW" name="rightlong_EW">
-								<option id="rlW" value="W"><?php echo $LANG['LL_W_SYMB']; ?></option>
-								<option id="rlE" value="E"><?php echo $LANG['LL_E_SYMB']; ?></option>
-							</select>
+							<div class="catHeaderDiv"><?php echo $LANG['TAXON_HEADER']; ?></div>
+							<div style="margin:10px 0px 0px 5px;">
+							<input type='checkbox' name='usethes' id='usethes' value='1' CHECKED />
+							<label for="usethes"><?php echo $LANG['INCLUDE_SYNONYMS']; ?></label>
+							</div>
 						</div>
+						<section class="flex-form">
+							<div>
+								<label for="taxontype"><?php echo $LANG['SELECT_TAXON_TYPE'] ?>:</label>
+								<select id="taxontype" name="taxontype">
+									<?php
+									$taxonType = 1;
+									if(isset($DEFAULT_TAXON_SEARCH) && $DEFAULT_TAXON_SEARCH) $taxonType = $DEFAULT_TAXON_SEARCH;
+									$taxonTypeRange = 6;
+									if(isset($DISPLAY_COMMON_NAMES) && !$DISPLAY_COMMON_NAMES) $taxonTypeRange = 5;
+									for($h=1;$h<$taxonTypeRange;$h++){
+										echo '<option value="'.$h.'" '.($taxonType==$h?'SELECTED':'').'>'.$LANG['SELECT_1-'.$h].'</option>';
+									}
+									?>
+								</select>
+							</div>
+							<div>
+								<label for="taxa"><?php echo $LANG['TYPE_TAXON'] ?>:</label>
+								<input id="taxa" type="text" size="60" name="taxa" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
+							</div>
+						</section>
+						<span class="skip-link">
+							<a href = "#harvestparams"><?php echo (isset($LANG['SKIP_LINK']) ? $LANG['SKIP_LINK'] : 'Skip to Display Options'); ?></a>
+						</span>
 					</div>
 				</div>
-				<div class="coordBoxDiv">
-					<div class="labelDiv">
-						<label for="footprintwkt">
-							<?php echo isset($LANG['LL_POLYGON_TEXT'])?$LANG['LL_POLYGON_TEXT']:''; ?>
-						</label>
+				<hr/>
+				<div>
+					<div class="catHeaderDiv"><?php echo $LANG['LOCALITY_CRITERIA']; ?></div>
+				</div>
+				<div class="flex-form">
+					<div >
+						<label for="country"><?php echo $LANG['COUNTRY']; ?>:</label>
+						<input type="text" id="country" size="43" name="country" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
+					</div>
+					<div>
+						<label for="state"><?php echo $LANG['STATE']; ?>:</label>
+						<input type="text" id="state" size="37" name="state" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
 					</div>
-					<div class="iconDiv">
-						&nbsp;<a href="#" onclick="openCoordAid('polygon');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
+					<div>
+						<label for="county"><?php echo $LANG['COUNTY']; ?>:</label>
+						<input type="text" id="county" size="37"  name="county" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
 					</div>
-					<div class="elemDiv">
-						<textarea id="footprintwkt" name="footprintwkt" onchange="this.value = validatePolygon(this.value)" style="zIndex:999;width:100%;height:90px"></textarea>
+					<div>
+						<label for="locality"><?php echo $LANG['LOCALITY']; ?>:</label>
+						<input type="text" id="locality" size="43" name="local" value="" />
 					</div>
 				</div>
-				<div class="coordBoxDiv">
-					<div class="labelDiv">
-						<?php echo $LANG['LL_P-RADIUS_TEXT']; ?>
+				<section class="flex-form">
+					<div>
+						<label for="elevlow"><?php echo $LANG['ELEV_INPUT_1']; ?>:</label>
+						<input type="text" id="elevlow" size="10" name="elevlow" value="" onchange="cleanNumericInput(this);" />
 					</div>
-					<div class="iconDiv">
-						<a href="#" onclick="openCoordAid('circle');return false;"><img src="../images/map.png" title="<?php echo (isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'); ?>" /></a>
+					<div>
+						<label for="elevhigh"><?php echo $LANG['ELEV_INPUT_2']; ?>:</label>
+						<input type="text" id="elevhigh" size="10" name="elevhigh" value="" onchange="cleanNumericInput(this);" />
 					</div>
-					<div class="elemDiv">
-						<section class="flex-form">
-							<div>
-								<label for="pointlat"><?php echo $LANG['LL_P-RADIUS_LAT']; ?>:</label>
-								<input type="text" id="pointlat" name="pointlat" size="7" value="" onchange="cleanNumericInput(this);">
-							</div>
+				</section>
+				<span class="skip-link">
+					<a href = "#harvestparams"><?php echo (isset($LANG['SKIP_LINK']) ? $LANG['SKIP_LINK'] : 'Skip to Display Options'); ?></a>
+				</span>
+				<hr>
+				<div class="catHeaderDiv"><?php echo $LANG['LAT_LNG_HEADER']; ?></div>
+				<div>
+					<div class="coordBoxDiv">
+						<div class="labelDiv">
+							<?php echo $LANG['LL_BOUND_TEXT']; ?>
+						</div>
+						<div class="iconDiv">
+							<a href="#" onclick="openCoordAid('rectangle');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" aria-label="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>"/></a>
+						</div>
+						<div class="elemDiv">
 							<div>
-								<label for="pointlat_NS"><?php echo $LANG['DIRECTION'] ?>:</label>
-								<select id="pointlat_NS" name="pointlat_NS">
-									<option id="N" value="N"><?php echo $LANG['LL_N_SYMB']; ?></option>
-									<option id="S" value="S"><?php echo $LANG['LL_S_SYMB']; ?></option>
+								<label for="upperlat"><?php echo $LANG['LL_BOUND_NLAT']; ?>:</label>
+								<input type="text" id="upperlat" name="upperlat" size="7" value="" onchange="cleanNumericInput(this);">
+								<label for="upperlat_NS"><?php echo $LANG['N_DIRECTION'] ?>:</label>
+								<select id="upperlat_NS" name="upperlat_NS">
+									<option id="ulN" value="N"><?php echo $LANG['LL_N_SYMB']; ?></option>
+									<option id="ulS" value="S"><?php echo $LANG['LL_S_SYMB']; ?></option>
 								</select>
 							</div>
-						</section>
-						<section class="flex-form">
-							<div>
-								<label for="pointlong"><?php echo $LANG['LL_P-RADIUS_LNG']; ?>:</label>
-								<input type="text" id="pointlong" name="pointlong" size="7" value="" onchange="cleanNumericInput(this);">
-							</div>
 							<div>
-								<label for="pointlong_EW"><?php echo $LANG['DIRECTION'] ?>:</label>
-								<select id="pointlong_EW" name="pointlong_EW">
-									<option id="W" value="W"><?php echo $LANG['LL_W_SYMB']; ?></option>
-									<option id="E" value="E"><?php echo $LANG['LL_E_SYMB']; ?></option>
+								<label for="bottomlat"><?php echo $LANG['LL_BOUND_SLAT']; ?>:</label>
+								<input type="text" id="bottomlat" name="bottomlat" size="7" value="" onchange="cleanNumericInput(this);">
+								<label for="bottomlat_NS"><?php echo $LANG['S_DIRECTION'] ?>:</label>
+								<select id="bottomlat_NS" name="bottomlat_NS">
+									<option id="blN" value="N"><?php echo $LANG['LL_N_SYMB']; ?></option>
+									<option id="blS" value="S"><?php echo $LANG['LL_S_SYMB']; ?></option>
 								</select>
 							</div>
-						</section>
-						<section class="flex-form">
 							<div>
-								<label for="radius"><?php echo $LANG['LL_P-RADIUS_RADIUS']; ?>:</label>
-								<input type="text" id="radius" name="radius" size="5" value="" onchange="cleanNumericInput(this);">
+								<label for="leftlong"><?php echo $LANG['LL_BOUND_WLNG']; ?>:</label>
+								<input type="text" id="leftlong" name="leftlong" size="7" value="" onchange="cleanNumericInput(this);">
+								<label for="leftlong_EW"><?php echo $LANG['W_DIRECTION'] ?>:</label>
+								<select id="leftlong_EW" name="leftlong_EW">
+									<option id="llW" value="W"><?php echo $LANG['LL_W_SYMB']; ?></option>
+									<option id="llE" value="E"><?php echo $LANG['LL_E_SYMB']; ?></option>
+								</select>
 							</div>
 							<div>
-								<label for="radiusunits"><?php echo $LANG['DISTANCE_UNIT'] ?>:</label>
-								<select id="radiusunits" name="radiusunits">
-									<option value="km"><?php echo $LANG['LL_P-RADIUS_KM']; ?></option>
-									<option value="mi"><?php echo $LANG['LL_P-RADIUS_MI']; ?></option>
+								<label for="rightlong"><?php echo $LANG['LL_BOUND_ELNG']; ?>:</label>
+								<input type="text" id="rightlong" name="rightlong" size="7" value="" onchange="cleanNumericInput(this);" style="margin-left:3px;">
+								<label for="rightlong_EW"><?php echo $LANG['E_DIRECTION'] ?>:</label>
+								<select id="rightlong_EW" name="rightlong_EW">
+									<option id="rlW" value="W"><?php echo $LANG['LL_W_SYMB']; ?></option>
+									<option id="rlE" value="E"><?php echo $LANG['LL_E_SYMB']; ?></option>
 								</select>
 							</div>
-						</section>
+						</div>
+					</div>
+					<div class="coordBoxDiv">
+						<div class="labelDiv">
+							<label for="footprintwkt">
+								<?php echo isset($LANG['LL_POLYGON_TEXT'])?$LANG['LL_POLYGON_TEXT']:''; ?>
+							</label>
+						</div>
+						<div class="iconDiv">
+							&nbsp;<a href="#" onclick="openCoordAid('polygon');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
+						</div>
+						<div class="elemDiv">
+							<textarea id="footprintwkt" name="footprintwkt" onchange="this.value = validatePolygon(this.value)" style="width:100%;height:90px"></textarea>
+						</div>
+					</div>
+					<div class="coordBoxDiv">
+						<div class="labelDiv">
+							<?php echo $LANG['LL_P-RADIUS_TEXT']; ?>
+						</div>
+						<div class="iconDiv">
+							<a href="#" onclick="openCoordAid('circle');return false;"><img src="../images/map.png" title="<?php echo (isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'); ?>" aria-label="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
+						</div>
+						<div class="elemDiv">
+							<section class="flex-form">
+								<div>
+									<label for="pointlat"><?php echo $LANG['LL_P-RADIUS_LAT']; ?>:</label>
+									<input type="text" id="pointlat" name="pointlat" size="7" value="" onchange="cleanNumericInput(this);">
+								</div>
+								<div>
+									<label for="pointlat_NS"><?php echo $LANG['LAT_DIRECTION'] ?>:</label>
+									<select id="pointlat_NS" name="pointlat_NS">
+										<option id="N" value="N"><?php echo $LANG['LL_N_SYMB']; ?></option>
+										<option id="S" value="S"><?php echo $LANG['LL_S_SYMB']; ?></option>
+									</select>
+								</div>
+							</section>
+							<section class="flex-form">
+								<div>
+									<label for="pointlong"><?php echo $LANG['LL_P-RADIUS_LNG']; ?>:</label>
+									<input type="text" id="pointlong" name="pointlong" size="7" value="" onchange="cleanNumericInput(this);">
+								</div>
+								<div>
+									<label for="pointlong_EW"><?php echo $LANG['LONG_DIRECTION'] ?>:</label>
+									<select id="pointlong_EW" name="pointlong_EW">
+										<option id="W" value="W"><?php echo $LANG['LL_W_SYMB']; ?></option>
+										<option id="E" value="E"><?php echo $LANG['LL_E_SYMB']; ?></option>
+									</select>
+								</div>
+							</section>
+							<section class="flex-form">
+								<div>
+									<label for="radius"><?php echo $LANG['LL_P-RADIUS_RADIUS']; ?>:</label>
+									<input type="text" id="radius" name="radius" size="5" value="" onchange="cleanNumericInput(this);">
+								</div>
+								<div>
+									<label for="radiusunits"><?php echo $LANG['DISTANCE_UNIT'] ?>:</label>
+									<select id="radiusunits" name="radiusunits">
+										<option value="km"><?php echo $LANG['LL_P-RADIUS_KM']; ?></option>
+										<option value="mi"><?php echo $LANG['LL_P-RADIUS_MI']; ?></option>
+									</select>
+								</div>
+							</section>
+							<span class="skip-link">
+								<a href = "#harvestparams"><?php echo (isset($LANG['SKIP_LINK']) ? $LANG['SKIP_LINK'] : 'Skip to Display Options'); ?></a>
+							</span>
+						</div>
 					</div>
 				</div>
-			</div>
-			<hr/>
-			<div class="catHeaderDiv"><?php echo $LANG['COLLECTOR_HEADER']; ?></div>
-			<div>
-				<label for="collector"><?php echo $LANG['COLLECTOR_LASTNAME']; ?>:</label>
-				<input type="text" id="collector" size="32" name="collector" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
-			</div>
-			<div>
-				<label for="collnum"><?php echo $LANG['COLLECTOR_NUMBER']; ?>:</label>
-				<input type="text" id="collnum" size="31" name="collnum" value="" title="<?php echo $LANG['TITLE_TEXT_2']; ?>" />
-			</div>
-			<section class="flex-form">
-				<div>
-					<label for="eventdate1"><?php echo $LANG['COLLECTOR_DATE']; ?>:</label>
-					<input type="text" id="eventdate1" size="32" name="eventdate1" style="width:100px;" value="" title="<?php echo $LANG['TITLE_TEXT_3']; ?>" /> -
-				</div>
-				<div>
-					<label for="eventdate2"><?php echo $LANG['COLLECTOR_DATE_END']; ?>:</label>
-					<input type="text" id="eventdate2" size="32" name="eventdate2" style="width:100px;" value="" title="<?php echo $LANG['TITLE_TEXT_4']; ?>" />
-				</div>
-			</section>
-			<hr/>
-			<div style="float:left">
-				<div>
-					<div class="catHeaderDiv"><?php echo $LANG['SPECIMEN_HEADER']; ?></div>
-				</div>
-				<div>
-					<label for="catnum"><?php echo $LANG['CATALOG_NUMBER']; ?>:</label>
-					<input type="text" id="catnum" size="32" name="catnum" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
-					<input name="includeothercatnum" id="includeothercatnum" type="checkbox" value="1" checked />
-					<label for="includeothercatnum"><?php echo $LANG['INCLUDE_OTHER_CATNUM']?></label>
-				</div>
-				<div>
-					<input type='checkbox' name='typestatus' id='typestatus' value='1' />
-					<label for="typestatus"><?php echo isset($LANG['TYPE'])?$LANG['TYPE']:'Limit to Type Specimens Only'; ?></label>
-				</div>
-				<div>
-					<input type='checkbox' name='hasimages' id='hasimages' value='1' />
-					<label for="hasimages"><?php echo isset($LANG['HAS_IMAGE'])?$LANG['HAS_IMAGE']:'Limit to Specimens with Images Only'; ?></label>
-				</div>
-				<div>
-					<input type='checkbox' name='hasgenetic' id='hasgenetic' value='1' />
-					<label for="hasgenetic"><?php echo isset($LANG['HAS_GENETIC'])?$LANG['HAS_GENETIC']:'Limit to Specimens with Genetic Data Only'; ?></label>
-				</div>
-				<div>
-					<input type='checkbox' name='hascoords' id='hascoords' value='1' />
-					<label for="hascoords"><?php echo isset($LANG['HAS_COORDS'])?$LANG['HAS_COORDS']:'Limit to Specimens with Geocoordinates Only'; ?></label>
-				</div>
-				<div>
-					<input type='checkbox' name='includecult' id='includecult' value='1' />
-					<label for="includecult"><?php echo isset($LANG['INCLUDE_CULTIVATED'])?$LANG['INCLUDE_CULTIVATED']:'Include cultivated/captive occurrences'; ?></label>
+				<hr/>
+				<div class="catHeaderDiv"><?php echo $LANG['COLLECTOR_HEADER']; ?></div>
+				<div class="flex-form">
+					<div>
+						<label for="collector"><?php echo $LANG['COLLECTOR_LASTNAME']; ?>:</label>
+						<input type="text" id="collector" size="32" name="collector" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
+					</div>
+					<div>
+						<label for="collnum"><?php echo $LANG['COLLECTOR_NUMBER']; ?>:</label>
+						<input type="text" id="collnum" size="31" name="collnum" value="" title="<?php echo htmlspecialchars((isset($LANG['TITLE_TEXT_2'])?$LANG['TITLE_TEXT_2']:'Separate multiple terms by commas and ranges by " - " (space before and after dash required), e.g.: 3542,3602,3700 - 3750'), HTML_SPECIAL_CHARS_FLAGS); ?>" />
+					</div>
 				</div>
-			</div>
-			<?php
-			if(!empty($SEARCH_BY_TRAITS)) {
-				$attribSearch = new OccurrenceAttributeSearch();
-				$traitArr = $attribSearch->getTraitSearchArr($SEARCH_BY_TRAITS);
-				if($traitArr){
-					?>
-					<hr/>
-					<div style="float:left">
+				<section class="flex-form">
+					<div>
+						<label for="eventdate1"><?php echo $LANG['COLLECTOR_DATE']; ?>:</label>
+						<input type="text" id="eventdate1" size="32" name="eventdate1" style="width:100px;" value="" title="<?php echo $LANG['TITLE_TEXT_3']; ?>" /> -
+					</div>
+					<div>
+						<label for="eventdate2"><?php echo $LANG['COLLECTOR_DATE_END']; ?>:</label>
+						<input type="text" id="eventdate2" size="32" name="eventdate2" style="width:100px;" value="" title="<?php echo $LANG['TITLE_TEXT_4']; ?>" />
+					</div>
+				</section>
+				<span class="skip-link">
+					<a href = "#harvestparams"><?php echo (isset($LANG['SKIP_LINK']) ? $LANG['SKIP_LINK'] : 'Skip to Display Options'); ?></a>
+				</span>
+				<hr/>
+				<div style="float:left">
+					<div>
+						<div class="catHeaderDiv"><?php echo $LANG['SPECIMEN_HEADER']; ?></div>
+					</div>
+					<div class="flex-form top-tiny-breathing-room">
 						<div>
-							<div class="catHeaderDiv"><?php echo $LANG['TRAIT_HEADER']; ?></div>
-							<div><?php echo $LANG['TRAIT_DESCRIPTION']; ?></div>
-							<input type="hidden" id="SearchByTraits" value="true">
+							<label for="catnum"><?php echo $LANG['CATALOG_NUMBER']; ?>:</label>
+							<input type="text" id="catnum" size="32" name="catnum" value="" title="<?php echo $LANG['SEPARATE_MULTIPLE']; ?>" />
+							<input name="includeothercatnum" id="includeothercatnum" type="checkbox" value="1" checked />
+							<label for="includeothercatnum"><?php echo $LANG['INCLUDE_OTHER_CATNUM']?></label>
 						</div>
-						<?php
-						foreach($traitArr as $traitID => $traitData){
-							if(!isset($traitData['dependentTrait'])) {
-								?>
-								<fieldset style="margin-top:10px;display:inline;min-width:500px">
-									<legend><b>Trait: <?php echo $traitData['name']; ?></b></legend>
-									<div style="float:right">
-										<div class="trianglediv" style="margin:4px 3px;float:right;cursor:pointer" onclick="setAttributeTree(this)" title="Toggle attribute tree open/close">
-											<img class="triangleright" src="../images/triangleright.png" style="display:none" />
-											<img class="triangledown" src="../images/triangledown.png" style="" />
+						<div>
+							<input type='checkbox' name='typestatus' id='typestatus' value='1' />
+							<label for="typestatus"><?php echo isset($LANG['TYPE'])?$LANG['TYPE']:'Limit to Type Specimens Only'; ?></label>
+						</div>
+						<div>
+							<input type='checkbox' name='hasimages' id='hasimages' value='1' />
+							<label for="hasimages"><?php echo isset($LANG['HAS_IMAGE'])?$LANG['HAS_IMAGE']:'Limit to Specimens with Images Only'; ?></label>
+						</div>
+						<div>
+							<input type='checkbox' name='hasgenetic' id='hasgenetic' value='1' />
+							<label for="hasgenetic"><?php echo isset($LANG['HAS_GENETIC'])?$LANG['HAS_GENETIC']:'Limit to Specimens with Genetic Data Only'; ?></label>
+						</div>
+						<div>
+							<input type='checkbox' name='hascoords' id='hascoords' value='1' />
+							<label for="hascoords"><?php echo isset($LANG['HAS_COORDS'])?$LANG['HAS_COORDS']:'Limit to Specimens with Geocoordinates Only'; ?></label>
+						</div>
+						<div>
+							<input type='checkbox' name='includecult' id='includecult' value='1' />
+							<label for="includecult"><?php echo isset($LANG['INCLUDE_CULTIVATED'])?$LANG['INCLUDE_CULTIVATED']:'Include cultivated/captive occurrences'; ?></label>
+						</div>
+						<span class="skip-link">
+							<a href = "#harvestparams"><?php echo (isset($LANG['SKIP_LINK']) ? $LANG['SKIP_LINK'] : 'Skip to Display Options'); ?></a>
+						</span>
+					</div>
+				</div>
+				<?php
+				if(!empty($SEARCH_BY_TRAITS)) {
+					$attribSearch = new OccurrenceAttributeSearch();
+					$traitArr = $attribSearch->getTraitSearchArr($SEARCH_BY_TRAITS);
+					if($traitArr){
+						?>
+						<hr/>
+						<div style="float:left">
+							<div>
+								<div class="catHeaderDiv"><?php echo $LANG['TRAIT_HEADER']; ?></div>
+								<div><?php echo $LANG['TRAIT_DESCRIPTION']; ?></div>
+								<input type="hidden" id="SearchByTraits" value="true">
+							</div>
+							<?php
+							foreach($traitArr as $traitID => $traitData){
+								if(!isset($traitData['dependentTrait'])) {
+									?>
+									<fieldset style="margin-top:10px;display:inline;min-width:500px">
+										<legend><b>Trait: <?php echo $traitData['name']; ?></b></legend>
+										<div style="float:right">
+											<div class="trianglediv" style="margin:4px 3px;float:right;cursor:pointer" onclick="setAttributeTree(this)" title="Toggle attribute tree open/close">
+												<img class="triangleright" src="../images/triangleright.png" style="display:none" />
+												<img class="triangledown" src="../images/triangledown.png" style="" />
+											</div>
+										</div>
+										<div class="traitDiv" style="margin-left:5px;float:left">
+											<?php $attribSearch->echoTraitSearchForm($traitID); ?>
 										</div>
-									</div>
-									<div class="traitDiv" style="margin-left:5px;float:left">
-										<?php $attribSearch->echoTraitSearchForm($traitID); ?>
-									</div>
-								</fieldset>
-								<?php
+									</fieldset>
+									<?php
+								}
 							}
-						}
-						?>
-					</div>
-					<?php
+							?>
+						</div>
+						<?php
+					}
 				}
-			}
-			?>
-			<div style="float:right;">
-				<div><button type="submit" style="width:100%"><?php echo isset($LANG['BUTTON_NEXT_LIST'])?$LANG['BUTTON_NEXT_LIST']:'List Display'; ?></button></div>
-				<div><button type="button" style="width:100%" onclick="displayTableView(this.form)"><?php echo isset($LANG['BUTTON_NEXT_TABLE'])?$LANG['BUTTON_NEXT_TABLE']:'Table Display'; ?></button></div>
-				<div><button type="reset" style="width:100%" onclick="resetHarvestParamsForm()"><?php echo isset($LANG['BUTTON_RESET'])?$LANG['BUTTON_RESET']:'Reset Form'; ?></button></div>
-			</div>
-			<div>
-				<input type="hidden" name="reset" value="1" />
-				<input type="hidden" name="db" value="<?php echo $collManager->getSearchTerm('db'); ?>" />
+				?>
+				<div>
+					<input type="hidden" name="reset" value="1" />
+					<input type="hidden" name="db" value="<?php echo $collManager->getSearchTerm('db'); ?>" />
+				</div>
+				<hr/>
 			</div>
-			<hr/>
 		</form>
 	</div>
 	<?php
diff --git a/content/lang/collections/harvestparams.en.php b/content/lang/collections/harvestparams.en.php
index a42be9ab35..b511c0cf9b 100644
--- a/content/lang/collections/harvestparams.en.php
+++ b/content/lang/collections/harvestparams.en.php
@@ -64,5 +64,12 @@
 $LANG['TYPE_TAXON'] = 'Type taxon';
 $LANG['SELECT_TAXON_TYPE'] = 'Select taxon type';
 $LANG['DIRECTION'] = 'Direction';
+$LANG['N_DIRECTION'] = 'N Direction';
+$LANG['S_DIRECTION'] = 'S Direction';
+$LANG['E_DIRECTION'] = 'E Direction';
+$LANG['W_DIRECTION'] = 'W Direction';
+$LANG['LAT_DIRECTION'] = 'Lat Direction';
+$LANG['LONG_DIRECTION'] = 'Long Direction';
 $LANG['DISTANCE_UNIT'] = 'Unit of distance';
+$LANG['SKIP_LINK'] = 'Skip to Display Options';
 ?>
diff --git a/content/lang/collections/harvestparams.es.php b/content/lang/collections/harvestparams.es.php
index 72a3812e3b..e66f91a8dc 100644
--- a/content/lang/collections/harvestparams.es.php
+++ b/content/lang/collections/harvestparams.es.php
@@ -64,5 +64,12 @@
 $LANG['TYPE_TAXON'] = 'Escriba el taxón';
 $LANG['SELECT_TAXON_TYPE'] = 'Seleccionar tipo de taxón';
 $LANG['DIRECTION'] = 'Dirección';
+$LANG['N_DIRECTION'] = 'Dirección N';
+$LANG['S_DIRECTION'] = 'Dirección S';
+$LANG['E_DIRECTION'] = 'Dirección E';
+$LANG['W_DIRECTION'] = 'Dirección W';
+$LANG['LAT_DIRECTION'] = 'Dirección latitudinal';
+$LANG['LONG_DIRECTION'] = 'Dirección larga';
 $LANG['DISTANCE_UNIT'] = 'Unidad de distancia';
+$LANG['SKIP_LINK'] = 'Saltar a Opciones de visualización';
 ?>
diff --git a/content/lang/collections/harvestparams.fr.php b/content/lang/collections/harvestparams.fr.php
index 36f765b9b1..2937480ca7 100644
--- a/content/lang/collections/harvestparams.fr.php
+++ b/content/lang/collections/harvestparams.fr.php
@@ -64,5 +64,12 @@
 $LANG['TYPE_TAXON'] = 'Tapez le taxon';
 $LANG['SELECT_TAXON_TYPE'] = 'Sélectionnez le type de taxon';
 $LANG['DIRECTION'] = 'Direction';
+$LANG['N_DIRECTION'] = 'Direction N';
+$LANG['S_DIRECTION'] = 'Direction S';
+$LANG['E_DIRECTION'] = 'Direction E';
+$LANG['W_DIRECTION'] = 'Direction W';
+$LANG['LAT_DIRECTION'] = 'Direction de la latitude';
+$LANG['LONG_DIRECTION'] = 'Direction longue';
 $LANG['DISTANCE_UNIT'] = 'Unité de distance';
+$LANG['SKIP_LINK'] = 'Passer aux options d\'affichage';
 ?>

From 52a12f365a3f9fce2d1f9ec88432c2337b42fca8 Mon Sep 17 00:00:00 2001
From: Nikita Salikov <nsalikov@asu.edu>
Date: Thu, 30 Nov 2023 16:51:05 -0700
Subject: [PATCH 2/2] added spaces for ternary operators

---
 collections/harvestparams.php | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/collections/harvestparams.php b/collections/harvestparams.php
index 89fbb499e1..3da8d764c6 100644
--- a/collections/harvestparams.php
+++ b/collections/harvestparams.php
@@ -49,7 +49,7 @@
 </head>
 <body>
 <?php
-	$displayLeftMenu = (isset($collections_harvestparamsMenu)?$collections_harvestparamsMenu:false);
+	$displayLeftMenu = (isset($collections_harvestparamsMenu) ? $collections_harvestparamsMenu : false);
 	include($SERVER_ROOT.'/includes/header.php');
 	if(isset($collections_harvestparamsCrumbs)){
 		if($collections_harvestparamsCrumbs){
@@ -72,9 +72,9 @@
 	<div id="innertext" style='position: relative;'>
 		<form name="harvestparams" id="harvestparams" action="list.php" method="post" onsubmit="return checkHarvestParamsForm(this)">
 			<div style='float:right; position: sticky; top: 300px; width: 100px; '>
-				<div><button type="submit" style="width:100%"><?php echo isset($LANG['BUTTON_NEXT_LIST'])?$LANG['BUTTON_NEXT_LIST']:'List Display'; ?></button></div>
-				<div><button type="button" style="width:100%" onclick="displayTableView(this.form)"><?php echo isset($LANG['BUTTON_NEXT_TABLE'])?$LANG['BUTTON_NEXT_TABLE']:'Table Display'; ?></button></div>
-				<div><button type="reset" style="width:100%" onclick="resetHarvestParamsForm()"><?php echo isset($LANG['BUTTON_RESET'])?$LANG['BUTTON_RESET']:'Reset Form'; ?></button></div>
+				<div><button type="submit" style="width:100%"><?php echo isset($LANG['BUTTON_NEXT_LIST']) ? $LANG['BUTTON_NEXT_LIST'] : 'List Display'; ?></button></div>
+				<div><button type="button" style="width:100%" onclick="displayTableView(this.form)"><?php echo isset($LANG['BUTTON_NEXT_TABLE']) ? $LANG['BUTTON_NEXT_TABLE'] : 'Table Display'; ?></button></div>
+				<div><button type="reset" style="width:100%" onclick="resetHarvestParamsForm()"><?php echo isset($LANG['BUTTON_RESET']) ? $LANG['BUTTON_RESET'] : 'Reset Form'; ?></button></div>
 			</div>
 			<hr/>
 			<div style="width: 900px;">
@@ -155,7 +155,7 @@
 							<?php echo $LANG['LL_BOUND_TEXT']; ?>
 						</div>
 						<div class="iconDiv">
-							<a href="#" onclick="openCoordAid('rectangle');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" aria-label="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>"/></a>
+							<a href="#" onclick="openCoordAid('rectangle');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID']) ? $LANG['MAP_AID'] : 'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" aria-label="<?php echo htmlspecialchars((isset($LANG['MAP_AID']) ? $LANG['MAP_AID'] : 'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>"/></a>
 						</div>
 						<div class="elemDiv">
 							<div>
@@ -199,11 +199,11 @@
 					<div class="coordBoxDiv">
 						<div class="labelDiv">
 							<label for="footprintwkt">
-								<?php echo isset($LANG['LL_POLYGON_TEXT'])?$LANG['LL_POLYGON_TEXT']:''; ?>
+								<?php echo isset($LANG['LL_POLYGON_TEXT']) ? $LANG['LL_POLYGON_TEXT'] : ''; ?>
 							</label>
 						</div>
 						<div class="iconDiv">
-							&nbsp;<a href="#" onclick="openCoordAid('polygon');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
+							&nbsp;<a href="#" onclick="openCoordAid('polygon');return false;"><img src="../images/map.png" title="<?php echo htmlspecialchars((isset($LANG['MAP_AID']) ? $LANG['MAP_AID'] : 'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
 						</div>
 						<div class="elemDiv">
 							<textarea id="footprintwkt" name="footprintwkt" onchange="this.value = validatePolygon(this.value)" style="width:100%;height:90px"></textarea>
@@ -214,7 +214,7 @@
 							<?php echo $LANG['LL_P-RADIUS_TEXT']; ?>
 						</div>
 						<div class="iconDiv">
-							<a href="#" onclick="openCoordAid('circle');return false;"><img src="../images/map.png" title="<?php echo (isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'); ?>" aria-label="<?php echo htmlspecialchars((isset($LANG['MAP_AID'])?$LANG['MAP_AID']:'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
+							<a href="#" onclick="openCoordAid('circle');return false;"><img src="../images/map.png" title="<?php echo (isset($LANG['MAP_AID']) ? $LANG['MAP_AID'] : 'Mapping Aid'); ?>" aria-label="<?php echo htmlspecialchars((isset($LANG['MAP_AID']) ? $LANG['MAP_AID'] : 'Mapping Aid'), HTML_SPECIAL_CHARS_FLAGS); ?>" /></a>
 						</div>
 						<div class="elemDiv">
 							<section class="flex-form">
@@ -271,7 +271,7 @@
 					</div>
 					<div>
 						<label for="collnum"><?php echo $LANG['COLLECTOR_NUMBER']; ?>:</label>
-						<input type="text" id="collnum" size="31" name="collnum" value="" title="<?php echo htmlspecialchars((isset($LANG['TITLE_TEXT_2'])?$LANG['TITLE_TEXT_2']:'Separate multiple terms by commas and ranges by " - " (space before and after dash required), e.g.: 3542,3602,3700 - 3750'), HTML_SPECIAL_CHARS_FLAGS); ?>" />
+						<input type="text" id="collnum" size="31" name="collnum" value="" title="<?php echo htmlspecialchars((isset($LANG['TITLE_TEXT_2']) ? $LANG['TITLE_TEXT_2'] : 'Separate multiple terms by commas and ranges by " - " (space before and after dash required), e.g.: 3542,3602,3700 - 3750'), HTML_SPECIAL_CHARS_FLAGS); ?>" />
 					</div>
 				</div>
 				<section class="flex-form">
@@ -301,23 +301,23 @@
 						</div>
 						<div>
 							<input type='checkbox' name='typestatus' id='typestatus' value='1' />
-							<label for="typestatus"><?php echo isset($LANG['TYPE'])?$LANG['TYPE']:'Limit to Type Specimens Only'; ?></label>
+							<label for="typestatus"><?php echo isset($LANG['TYPE']) ? $LANG['TYPE'] : 'Limit to Type Specimens Only'; ?></label>
 						</div>
 						<div>
 							<input type='checkbox' name='hasimages' id='hasimages' value='1' />
-							<label for="hasimages"><?php echo isset($LANG['HAS_IMAGE'])?$LANG['HAS_IMAGE']:'Limit to Specimens with Images Only'; ?></label>
+							<label for="hasimages"><?php echo isset($LANG['HAS_IMAGE']) ? $LANG['HAS_IMAGE'] : 'Limit to Specimens with Images Only'; ?></label>
 						</div>
 						<div>
 							<input type='checkbox' name='hasgenetic' id='hasgenetic' value='1' />
-							<label for="hasgenetic"><?php echo isset($LANG['HAS_GENETIC'])?$LANG['HAS_GENETIC']:'Limit to Specimens with Genetic Data Only'; ?></label>
+							<label for="hasgenetic"><?php echo isset($LANG['HAS_GENETIC']) ? $LANG['HAS_GENETIC'] : 'Limit to Specimens with Genetic Data Only'; ?></label>
 						</div>
 						<div>
 							<input type='checkbox' name='hascoords' id='hascoords' value='1' />
-							<label for="hascoords"><?php echo isset($LANG['HAS_COORDS'])?$LANG['HAS_COORDS']:'Limit to Specimens with Geocoordinates Only'; ?></label>
+							<label for="hascoords"><?php echo isset($LANG['HAS_COORDS']) ? $LANG['HAS_COORDS'] : 'Limit to Specimens with Geocoordinates Only'; ?></label>
 						</div>
 						<div>
 							<input type='checkbox' name='includecult' id='includecult' value='1' />
-							<label for="includecult"><?php echo isset($LANG['INCLUDE_CULTIVATED'])?$LANG['INCLUDE_CULTIVATED']:'Include cultivated/captive occurrences'; ?></label>
+							<label for="includecult"><?php echo isset($LANG['INCLUDE_CULTIVATED']) ? $LANG['INCLUDE_CULTIVATED'] : 'Include cultivated/captive occurrences'; ?></label>
 						</div>
 						<span class="skip-link">
 							<a href = "#harvestparams"><?php echo (isset($LANG['SKIP_LINK']) ? $LANG['SKIP_LINK'] : 'Skip to Display Options'); ?></a>
@@ -346,7 +346,7 @@
 										<div style="float:right">
 											<div class="trianglediv" style="margin:4px 3px;float:right;cursor:pointer" onclick="setAttributeTree(this)" title="Toggle attribute tree open/close">
 												<img class="triangleright" src="../images/triangleright.png" style="display:none" />
-												<img class="triangledown" src="../images/triangledown.png" style="" />
+												<img class="triangledown" src="../images/triangledown.png"/>
 											</div>
 										</div>
 										<div class="traitDiv" style="margin-left:5px;float:left">
