Fix welcome screen example spectra load button not showing, and fix peak CSV export button not going to right on iOS/Android.

Author: wcjohns

InterSpec_resources/InterSpec.css

@@ -604,19 +604,29 @@ ul.Wt-popupmenu > li > a > span > span:hover
   margin-left: 5px;
 }
 
-.SampleSpecLoadBtn
-{
-  display: none;
+.SampleSpecRow {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
-.Wt-selected > .SampleSpecRow > .SampleSpecLoadBtn
-{
-  /* display: inline-block;
-  margin: 0px auto; */
-  display: inline;
-  float: right;
+.SampleSpecLoadBtn {
+  display: none;
   margin-right: 5px;
-  margin-top: 4px;  /* centers vertically; not a great solution since only works for 30px height rows, but works for now */
+}
+
+.Wt-selected > .SampleSpecRow > .SampleSpecLoadBtn {
+  display: block;
+}
+
+@media (max-width: 350px) {
+  .SampleSpecRow {
+    font-size: small;
+  }
+  
+  .SampleSpecLoadBtn {
+    font-size: small;
+  }
 }
 
 

src/PeakInfoDisplay.cpp

@@ -1079,19 +1079,22 @@ void PeakInfoDisplay::init()
     }
   }//for( int col = 0; col < m_model->columnCount(); ++col )
 
-#if( !ANDROID && !IOS )
+//#if( !ANDROID && !IOS )
+  WString hintTxt = "&nbsp;";
   if( !m_viewer->isPhone() )
   {
     const char *key = m_viewer->isMobile() ? "pid-better-editor-hint-mobile" : "pid-better-editor-hint";
-    WText *txt = new WText( WString::tr(key), bottomDiv );
-    txt->addStyleClass( "PeakEditHint" );
-    const string show_js( "function(object, event){try{$('#" + txt->id() + "').css('visibility','visible');}catch(e){}}" );
-    const string hide_js( "function(object, event){try{$('#" + txt->id() + "').css('visibility','hidden');}catch(e){}}" );
-    mouseWentOver().connect( show_js );
-    mouseWentOut().connect( hide_js );
-    txt->doJavaScript( "(" + hide_js + ")();" );
+    hintTxt = WString::tr(key);
   }
-#endif
+  
+  WText *txt = new WText( hintTxt, bottomDiv );
+  txt->addStyleClass( "PeakEditHint" );
+  const string show_js( "function(object, event){try{$('#" + txt->id() + "').css('visibility','visible');}catch(e){}}" );
+  const string hide_js( "function(object, event){try{$('#" + txt->id() + "').css('visibility','hidden');}catch(e){}}" );
+  mouseWentOver().connect( show_js );
+  mouseWentOut().connect( hide_js );
+  txt->doJavaScript( "(" + hide_js + ")();" );
+//#endif
 
   WContainerWidget *csvDiv = new WContainerWidget( bottomDiv );
   csvDiv->addStyleClass( "PeakInfoDisplayCsvBtns" );

src/UseInfoWindow.cpp

@@ -324,7 +324,11 @@ UseInfoWindow::UseInfoWindow( std::function<void(bool)> showAgainCallback,
     m_tableSample->setRowHeight( WLength(30,WLength::Pixel) );
     m_tableSample->setColumnAlignment(0, Wt::AlignLeft);
     //m_tableSample->setHeaderAlignment(0, Wt::AlignCenter);
-    m_tableSample->setColumnWidth(0,340);
+    if( m_viewer->isPhone() )
+      m_tableSample->setColumnWidth(0,240);
+    else
+      m_tableSample->setColumnWidth(0,340);
+    
     m_tableSample->hideColumn(1);
     m_tableSample->hideColumn(2);