disable button on request

Author: crocsg

src/App.css

@@ -222,6 +222,15 @@ a.pure-button-secondary
   background-color:rgb(177, 167, 167);
   height:100%;
 }
+.logohome
+{
+  display:flex;
+  flex-direction: column;
+}
+.logohome img{
+  margin-top: 1rem;
+  
+}
 
 .menu_font {
   font-size: 1.1rem;

src/pages/Home.js

@@ -35,14 +35,15 @@ class Home extends React.Component {
           <h1>OpenStreetTouch</h1>
           <h2>Version:{`${process.env.REACT_APP_VERSION}`}</h2>
 
-          <h2 className='h2home'></h2>
+          <div className='logohome'>
           <a href="https://www.nlnet.nl" target="_blank" rel="noreferrer">
             <img src="./logo-sh.svg" width='20%' alt="NLnet fundation logo"  />
           </a>
-          <h2 className='h2home'></h2>
+          
           <a href="https://www.braillerap.org" target="_blank" rel="noreferrer">
             <img src="./braillerap_logo.svg" width='20%' alt="BrailleRAP logo"  />
           </a>
+          </div>
           <p>{this.context.GetLocaleString("home.openstreetmap")} 
             <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noreferrer">OpenStreetMap</a>
           </p>

src/pages/Transport.js

@@ -76,13 +76,7 @@ const Transport = () => {
             <label>{GetLocaleString("transport.type")}:
             <select value={transportType} onChange={(event) => {setTransportType(event.target.value)}} >
             {
-                /*
-                transport_type2.map((trans) => {
-                        return (
-                            <option>{trans}</option>
-                    )
-                })
-                    */
+                
                 Object.entries(transport_type_dic).map ((key) => {
 
                     return (
@@ -146,18 +140,10 @@ const Transport = () => {
                         }
                     }
                 }  
-                
                 setTransportLines(sline);
                 setOsmPending(false);
-                
             });
-
-            
         });
-
-       
-
-       
     }
     const onSelectLine = (e) => {
 
@@ -280,7 +266,7 @@ const Transport = () => {
     }
     const renderPNGcommand = () => {
         if (pngavailable)
-            return (<button onClick={goDownloadPNG}>{GetLocaleString("transport.downloadpng")}</button>);
+            return (<button disabled={osmPending} onClick={goDownloadPNG}>{GetLocaleString("transport.downloadpng")}</button>);
         return (<></>);
     }
     const renderResultAction = () => {
@@ -290,9 +276,9 @@ const Transport = () => {
             <div className='TransportResultAction'>
                 <fieldset>
                     <legend>{GetLocaleString("transport.titleresult")}</legend>
-                    <button onClick={goDownloadSVG}>{GetLocaleString("transport.downloadsvg")}</button>
+                    <button disabled={osmPending} onClick={goDownloadSVG}>{GetLocaleString("transport.downloadsvg")}</button>
                     {renderPNGcommand()}
-                    <button onClick={goDownloadTXT}>{GetLocaleString("transport.downloadtxt")}</button>
+                    <button disabled={osmPending} onClick={goDownloadTXT}>{GetLocaleString("transport.downloadtxt")}</button>
                 </fieldset>
             </div>
         );