# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1555590292 -7200
# Node ID 7ac392edf8e2867c32d27245115a12a0df31053b
# Parent  5a1f243d9c7c559ff20aabcfa2d81084fbcdedf6
client: added pane rotate button to profile dialog when second map is displayed

diff -r 5a1f243d9c7c -r 7ac392edf8e2 client/src/components/fairway/Profiles.vue
--- a/client/src/components/fairway/Profiles.vue	Thu Apr 18 14:20:36 2019 +0200
+++ b/client/src/components/fairway/Profiles.vue	Thu Apr 18 14:24:52 2019 +0200
@@ -94,9 +94,9 @@
               </select>
             </div>
           </div>
-          <div class="mt-3" v-if="additionalSurvey">
+          <div class="mt-3 d-flex" v-if="additionalSurvey">
             <button
-              class="btn btn-info btn-sm w-100"
+              class="btn btn-info btn-xs flex-fill"
               @click="differencesVisible ? showSurvey() : showDifferences()"
             >
               <translate v-if="differencesVisible" key="showsurvey"
@@ -106,6 +106,13 @@
                 >Show differences</translate
               >
             </button>
+            <button
+              class="btn btn-info btn-xs ml-2"
+              @click="$store.commit('application/paneRotate')"
+              v-tooltip="rotatePanesTooltip"
+            >
+              <font-awesome-icon icon="redo" fixed-width />
+            </button>
           </div>
           <hr class="w-100 mb-0" />
           <small class="text-muted d-block mt-2">
@@ -389,6 +396,9 @@
           .getLayer("DIFFERENCES")
           .getVisible()
       );
+    },
+    rotatePanesTooltip() {
+      return this.$gettext("Rotate Maps");
     }
   },
   watch: {