chore: improve UX at sign screen

Start to implement improvements at sign screen to solve the issue when
the signer can't see the document by an easy way.

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>

Author: vitormattos

src/Components/RightSidebar/RightSidebar.vue

@@ -82,3 +82,16 @@ export default {
 	},
 }
 </script>
+<style lang="scss" scoped>
+
+@media (max-width: 512px) {
+	.app-sidebar {
+		height: unset;
+		top: unset;
+		bottom: 0;
+		::v-deep .app-sidebar-tabs__content{
+			min-height: unset;
+		}
+	}
+}
+</style>

src/Components/RightSidebar/SignTab.vue

@@ -67,8 +67,12 @@ export default {
 header {
 	text-align: center;
 	width: 100%;
-	margin-top: 1em;
-	margin-bottom: 3em;
+}
+@media (min-width: 513px) {
+	header {
+		margin-top: 1em;
+		margin-bottom: 3em;
+	}
 }
 main {
 	flex-direction: column;