a8f29caea973a2482924c38c981b59a28e22e8ec
max
  Fri Oct 22 05:14:38 2021 -0700
making hgHubConnect more self-explanatory, with more text. The
development tab is revamped to provide a visual indicator of what's
going on while hubCheck is running. (The concept with an IFRAME could well be applied to hgc links
from hgTracks, to avoid a full page reload.), refs #28324

diff --git src/hg/htdocs/style/hgHubConnect.css src/hg/htdocs/style/hgHubConnect.css
index 0629b84..7260bed 100644
--- src/hg/htdocs/style/hgHubConnect.css
+++ src/hg/htdocs/style/hgHubConnect.css
@@ -1,115 +1,123 @@
 /* 
    Style Sheet for hgHubConnect
 */
 
 ul {
         margin: 4px;
 }
 
 #tabs {
 	font-size: 100%;
 	margin-top: 5px;
 }
 
 .tabSection {
         /* background: #fffee8; */
         padding-top: 10px;
         padding-left: 8px;
         padding-bottom: 10px;
         border-bottom: 1px solid grey;
 }
 
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, button {
         font-size: 80%;
 }
 
+/* not used, but suggested by QA, waiting for feedback */
+/*
+button.pressed {
+    background: #ebf0ff;
+    box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
+    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
+} */
+
 h4 {
         margin: 0px;
         padding-top: 4px;
         padding-bottom: 4px;
 }
 
 
 
 .hubList table {
     width: 1000px;
     border-collapse: collapse;
 }
 
 /* Creating rounded corners at the tops of tables - works with all CSS3 supporting browsers, degrades gracefully */
 .hubList table tr:first-child th:first-child {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
 .hubList table tr:first-child th:last-child {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}
 
 /* Styling table cells */
 .hubList tbody 	{font-size: 0.9em;}
 .hubList table tr td:first-child {text-align: center;}
 .hubList table#unlistedHubsTable tr td:last-child {text-align: center;}
 .hubList th, .hubList td {padding: 2px 8px; text-align: left;}
 .hubList th {background-color: #e5dfb1; height: 1.6em; vertical-align: middle;}
 .hubList th .assemblyClickNote { font-size: 80%; font-weight: normal; display: block }
 
 .hubList table tbody tr {background-color: #fffef8;}
 .hubTdbTree {font-size: 0.9em;}
 .descriptionMatch {font-size: 0.9em;}
 .selectedRow {background-color: #99dd9a !important;}
 .hoverRow {background-color: #fdffb7 !important;}
 .hubList td {border-top: 1px solid #d5cd9e; border-bottom: 1px solid #d5cd9e;}
 .centeredCol {text-align: center;}
 #addHubBar {background-color: #bfbfb2; line-height: 2.3em;}
 #hubURL {line-height: 0.9em; color: #1c1d22;}
 .hubList input {margin: 3px; font-size: 0.8em;}
 .submitHub {margin: 10px;}
 
 .tabFooter {
     font-size: 100%;
     font-family: Verdana,Arial,sans-serif;
 }
 
 .tabFooter input {
     font-size: 0.8em;
     margin: 7px 0 7px 3px;
 }
 .tabFooter .small {margin: 2px 40px; font-size: 0.8em;}
 
 .hubError {color: #F00000;}
 
 // hub developer tab settings
 #hubDeveloper {
     width: 1000px;
 }
 
 #hubDeveloperInstructions {
     width: 1000px;
     text-align: center;
 }
 
 
 .help {
     /* font-size: 0.9em; */
     padding-top: 8px;
     padding-bottom: 8px;
 }
 
 .addHubBar {
     width: 1000px;
     background-color: #bfbfb2;
     line-height: 2.3em;
     padding: 2px 8px;
     text-align: left;
     height: auto;
 }
 
 
 #extraSettingsContainer {
     display: inline-block;
     line-height: 1.5em;
     position: relative;
     vertical-align: middle;
 }
 
 #extraSettingsContainer > img {
     vertical-align: middle;
     height: 18;
     cursor: pointer;
 }