The buttons are placed in one row

Author: demvlad

index.html

@@ -474,10 +474,10 @@ <h4>Workspace</h4>
                         </div>
 
                         <div id="spectrumComparison" data-toggle="tooltip" title="Spectrum comparison">
-                          <button id="btn-spectrum-export" type="button" class="spectrum-comparasion-button" title="Export spectrum to CSV">Export</button>
-                          <button type="button" class="spectrum-comparasion-button" onclick="document.getElementById('btn-spectrum-import').click()" title="Import spectrum from CSV">Import</button>
+                          <button id="btn-spectrum-export" type="button" title="Export spectrum to CSV">Export</button>
+                          <button type="button" onclick="document.getElementById('btn-spectrum-import').click()" title="Import spectrum from CSV">Import</button>
                           <input type="file" id="btn-spectrum-import" accept=".csv" style="display:none" multiple/>
-                          <button type="button" id="btn-spectrum-clear" class="spectrum-comparasion-button" title="Clear imported spectrums">Clear</button>
+                          <button type="button" id="btn-spectrum-clear" title="Clear imported spectrums">Clear</button>
                         </div>
 
                         <div id="analyserResize" class="btn-nobg view-analyser-fullscreen" data-toggle="tooltip" title="Zoom Analyser Window">

src/css/main.css

@@ -647,6 +647,7 @@ html.has-analyser-fullscreen.has-analyser
   border: gray;
   border-style: solid;
   border-width: 1px;
+  display: flex;
 }
 
 .analyser #spectrumComparison select {
@@ -655,9 +656,11 @@ html.has-analyser-fullscreen.has-analyser
   color: black;
 }
 
-.spectrum-comparasion-button {
-  width: 100%;
+#spectrumComparison button {
+  width: auto;
+  height: 14px;
   border-radius: 3px;
+  float: left;
 }
 
 .analyser input#analyserZoomX {