Better styling of the empty content messages in the sidebar

Signed-off-by: Joas Schilling <coding@schilljs.com>

apps/files_versions/css/versions.css

@@ -68,7 +68,3 @@
 	float: right;
 	margin-right: -10px;
 }
-
-.versionsTabView .emptycontent {
-	margin-top: 10px;
-}

apps/files_versions/js/versionstabview.js

@@ -232,8 +232,8 @@
 		 */
 		render: function() {
 			this.$el.html(this.template({
-				emptyResultLabel: t('files_versions', 'No versions available'),
-				moreVersionsLabel: t('files_versions', 'More versions...')
+				emptyResultLabel: t('files_versions', 'No earlier versions available'),
+				moreVersionsLabel: t('files_versions', 'More versions …')
 			}));
 			this.$el.find('.has-tooltip').tooltip();
 			this.$versionsContainer = this.$el.find('ul.versions');

core/css/styles.scss

@@ -308,6 +308,10 @@ body {
 	width: 100%;
 }
 
+#app-sidebar #emptycontent, #app-sidebar .emptycontent {
+	margin-top: 10vh;
+}
+
 #emptycontent.emptycontent-search, .emptycontent.emptycontent-search {
 	position: static;
 }