From 56172682709535a3d325ecc01792aa56a26f64f5 Mon Sep 17 00:00:00 2001
From: Terry Geng <gengyanda@gmail.com>
Date: Wed, 29 Apr 2020 09:47:15 +0800
Subject: [PATCH] feat: web interface: put mode dropdown to the right

---
 templates/index.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 3d43e98..ea0632b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -32,15 +32,15 @@
                         <i class="fas fa-play"></i>
                     </button>
                 </div>
-                <div class="col-auto">
-                    <div class="dropdown mb-2">
+                <div class="col btn-group">
+                    <div class="dropdown mb-2 btn-space" style="margin-left: auto;">
                         <button class="btn btn-secondary dropdown-toggle" type="button" id="play-mode"
-                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             Mode
                         </button>
                         <div class="dropdown-menu" aria-labelledby="play-mode">
                             <a class="dropdown-item" href="#" id="one-shot-mode-btn"
-                                onclick="changePlayMode('one-shot')">
+                               onclick="changePlayMode('one-shot')">
                                 <i class="fas fa-tasks mr-2" aria-hidden="true"></i>One-shot
                             </a>
                             <a class="dropdown-item" href="#" id="random-mode-btn" onclick="changePlayMode('randomize')">
@@ -50,13 +50,11 @@
                                 <i class="fas fa-redo mr-2" aria-hidden="true"></i>Repeat
                             </a>
                             <a class="dropdown-item" href="#" id="autoplay-mode-btn"
-                                onclick="changePlayMode('autoplay')">
+                               onclick="changePlayMode('autoplay')">
                                 <i class="fas fa-robot mr-2" aria-hidden="true"></i>Autoplay
                             </a>
                         </div>
                     </div>
-                </div>
-                <div class="col text-right">
                     <div class="btn-group mb-2">
                         <button type="button" class="btn btn-warning btn-space"
                             onclick="request('post', {action : 'volume_down'})">