merge animation into same prop

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

core/css/apps.scss

@@ -97,7 +97,8 @@ kbd {
 		position: relative;
 		height: 100%;
 		width: inherit;
-		overflow: auto;
+		overflow-x: hidden;
+		overflow-y: auto;
 		box-sizing: border-box;
 		> li {
 			display: inline-flex;
@@ -373,12 +374,6 @@ kbd {
 	 */
 	.app-navigation-entry-deleted {
 		display: inline-flex;
-		height: 44px;
-		width: calc(100% - 1px); /* Avoid border overlapping */
-		transition: transform 250ms ease-in-out;
-		transform: translateX(250px);
-		position: absolute;
-		background-color: $color-main-background;
 		.app-navigation-entry-deleted-description {
 			padding-left: 12px;
 			position: relative;
@@ -399,6 +394,20 @@ kbd {
 		}
 	}
 
+
+
+	/**
+	 * Common rules for animation of undo and edit entries
+	 */
+	.app-navigation-entry-edit,
+	.app-navigation-entry-deleted  {
+		width: calc(100% - 1px); /* Avoid border overlapping */
+		transition: transform 250ms ease-in-out;
+		transform: translateX(250px);
+		position: absolute;
+		background-color: $color-main-background;
+	}
+
 	/**
 	 * drag and drop
 	 */