Fixed positioning of view dropdown

core/modules/macros/reveal.js

@@ -122,6 +122,10 @@ exports.postRenderInDom = function() {
 						this.child.domNode.style.left = (this.popup.left + this.popup.width) + "px";
 						this.child.domNode.style.top = this.popup.top + "px";
 						break;
+					case "belowleft":
+						this.child.domNode.style.left = (this.popup.left + this.popup.width - this.child.domNode.offsetWidth) + "px";
+						this.child.domNode.style.top = (this.popup.top + this.popup.height) + "px";
+						break;
 					default: // Below
 						this.child.domNode.style.left = this.popup.left + "px";
 						this.child.domNode.style.top = (this.popup.top + this.popup.height) + "px";

core/templates/PageTemplate.tid

@@ -23,9 +23,9 @@ title: $:/templates/PageTemplate
 }}}
 
 <<linkcatcher store:[[$:/CurrentView]]><
-<<reveal state:ViewDropDownState type:popup><
+<<reveal state:ViewDropDownState type:popup position:belowleft><
 <div class="open">
-{{dropdown-menu tw-suppress-missing-tiddlylink{
+{{dropdown-menu pull-right tw-suppress-missing-tiddlylink{
 * <<link to:classic>< <<hide tiddler:[[$:/CurrentView]] notequal:classic>< <span class="tw-ticked-menu-item"></span> >> Classic>>
 * <<link to:sideways>< <<hide tiddler:[[$:/CurrentView]] notequal:sideways>< <span class="tw-ticked-menu-item"></span> >> Sideways>>
 * <<link to:zoomin>< <<hide tiddler:[[$:/CurrentView]] notequal:zoomin>< <span class="tw-ticked-menu-item"></span> >> Zoomin>>