Remove Vertical-align from reset.css closes #1498 (#1518)

* Remove Vertical-align from reset.css closes #1498

# Issue #1498
# Summary
Causes undesirable before for things that don't have a default vertical
align like tables, will expand height for some tds if valign top is
used. Also I don't know why reseting the vertical alignment would be
needed

* adding back vertical align but making it top instead of baseline

* fix vertical aligntop for taxa main image

* change over remaing valign propties to styles instead

css/symbiota/reset.css

@@ -89,8 +89,8 @@ video {
   border: 0;
   font-size: 100%;
   font: inherit;
-  vertical-align: baseline;
   font-family: var(--body-font-family);
+  vertical-align: top;
 }
 /* HTML5 display-role reset for older browsers */
 article,

taxa/index.php

@@ -87,7 +87,7 @@
 				?>
 				<table id="innertable">
 				<tr>
-					<td colspan="2" valign="bottom">
+					<td colspan="2" style="vertical-align: bottom">
 						<?php
 						if($isEditor){
 							?>
@@ -128,7 +128,7 @@
 					</td>
 				</tr>
 				<tr>
-					<td width="300" valign="top">
+					<td width="300" style="vertical-align=top">
 						<div id="family"><?php echo '<b>' . $LANG['FAMILY'] . ':</b> ' . $taxonManager->getTaxonFamily(); ?></div>
 						<?php
 						if($vernArr = $taxonManager->getVernaculars()){
@@ -273,7 +273,7 @@
 					</td>
 				</tr>
 				<tr>
-					<td width="300" valign="top">
+					<td width="300" style="vertical-align: top">
 						<?php
 						if($taxonRank > 140) echo '<div id="family"><b>' . $LANG['FAMILY'] . ':</b> ' . $taxonManager->getTaxonFamily() . '</div>';
 						if(!$taxonManager->echoImages(0,1,0)){