Added tooltips.

web/src/ArticleSearchResult.js

@@ -82,7 +82,7 @@ export class ArticleSearchResult extends React.Component
                 {menu}
                 { pub_display_name && <span className="publication"> {pub_display_name} </span> }
                 <span className="title name" dangerouslySetInnerHTML={{ __html: display_title }} />
-                { this.props.data.article_url && <a href={this.props.data.article_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open this article." /></a> }
+                { this.props.data.article_url && <a href={this.props.data.article_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open article." title="Open this article." /></a> }
                 { display_subtitle && <div className="subtitle" dangerouslySetInnerHTML={{ __html: display_subtitle }} /> }
             </div>
             <div className="content">

web/src/ArticleSearchResult2.js

@@ -92,8 +92,8 @@ export class ArticleSearchResult2
         const content = <div>
             <div className="image-container">
                 <div className="row image">
-                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Click to upload an image for this article." />
-                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove the article's image." />
+                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Upload image." title="Click to upload an image for this article." />
+                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove image." title="Remove the article's image." />
                     <input type="file" accept="image/*" onChange={onUploadImage} style={{display:"none"}} ref={r => uploadImageRef=r} />
                 </div>
             </div>
@@ -108,7 +108,7 @@ export class ArticleSearchResult2
                     defaultValue = {currPub}
                     ref = { r => refs.pub_id=r }
                 />
-                <input className="pageno" type="text" defaultValue={vals.article_pageno} ref={r => refs.article_pageno=r} alt="Page number." />
+                <input className="pageno" type="text" defaultValue={vals.article_pageno} ref={r => refs.article_pageno=r} title="Page number." />
             </div>
             <div className="row snippet"> <label> Snippet: </label>
                 <textarea defaultValue={vals.article_snippet} ref={r => refs.article_snippet=r} />

web/src/PublicationSearchResult.js

@@ -50,7 +50,7 @@ export class PublicationSearchResult extends React.Component
                 {menu}
                 { publ && <span className="publisher"> {publ.publ_name} </span> }
                 <span className="name" dangerouslySetInnerHTML={{ __html: this._makeDisplayName(true) }} />
-                { this.props.data.pub_url && <a href={this.props.data.pub_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Go to this publication." /></a> }
+                { this.props.data.pub_url && <a href={this.props.data.pub_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open publication." title="Open this publication." /></a> }
             </div>
             <div className="content">
                 { image_url && <img src={image_url} className="image" alt="Publication." /> }

web/src/PublicationSearchResult2.js

@@ -107,8 +107,8 @@ export class PublicationSearchResult2
             const content = <div>
                 <div className="image-container">
                     <div className="row image">
-                        <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Click to upload an image for this publication." />
-                        <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove the publication's image." />
+                        <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Upload image." title="Click to upload an image for this publication." />
+                        <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove image." title="Remove the publication's image." />
                         <input type="file" accept="image/*" onChange={onUploadImage} style={{display:"none"}} ref={r => uploadImageRef=r} />
                     </div>
                 </div>

web/src/PublisherSearchResult.js

@@ -33,7 +33,7 @@ export class PublisherSearchResult extends React.Component
             <div className="header">
                 {menu}
                 <span className="name" dangerouslySetInnerHTML={{ __html: display_name }} />
-                { this.props.data.publ_url && <a href={this.props.data.publ_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Go to this publisher." /></a> }
+                { this.props.data.publ_url && <a href={this.props.data.publ_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open publisher." title="Go to this publisher." /></a> }
             </div>
             <div className="content">
                 { image_url && <img src={image_url} className="image" alt="Publisher." /> }

web/src/PublisherSearchResult2.js

@@ -43,8 +43,8 @@ export class PublisherSearchResult2
         const content = <div>
             <div className="image-container">
                 <div className="row image">
-                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Click to upload an image for this publisher." />
-                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove the publisher's image." />
+                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Upload image." title="Click to upload an image for this publisher." />
+                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove image." title="Remove the publisher's image." />
                     <input type="file" accept="image/*" onChange={onUploadImage} style={{display:"none"}} ref={r => uploadImageRef=r} />
                 </div>
             </div>

web/src/SearchForm.js

@@ -27,7 +27,7 @@ export default class SearchForm extends React.Component
                 ref = {this._queryStringRef}
                 autoFocus
             />
-            <button type="submit" alt="Search the database." />
+            <button type="submit" title="Search the database." />
             </form>
         ) ;
     }