UI/Style: re-align timestamp notification and empty panel

Lupul · Lupul · commit b32b70d3d81a · 2019-07-12T04:21:41.000+03:00
diff --git a/web/css/styles.min.css b/web/css/styles.min.css
@@ -960,6 +960,7 @@ a {
   text-align: center;
   font-size: 1.2rem;
   font-weight: normal;
+  padding: 4rem;
 }
 
 .notification-container .empty .status-icon {
@@ -972,7 +973,7 @@ a {
 
 .notification-container li {
   border-bottom: 1px solid #e9e4e4;
-  padding: 30px 20px 50px 20px;
+  padding: 1rem;
 }
 
 .notification-container  li:last-child {
@@ -1046,9 +1047,10 @@ a {
 }
 
 .notification-container .time {
-  float: right;
-  margin-top: 1rem;
-  font-size: 0.7rem;
+  font-size: 0.9em;
+  display: block;
+  text-align: right;
+  padding-top: 0.6rem;
 }
 
 
diff --git a/web/js/templates.js b/web/js/templates.js
@@ -13,7 +13,7 @@ App.Templates.html = {
                     </li>'
         ],
         notification_empty: [
-                    '<li class="empty"><br><br><span><i class="fas fa-bell-slash status-icon" style="font-size: 4rem;"></i><br><br>\
+                    '<li class="empty"><span><i class="fas fa-bell-slash status-icon" style="font-size: 4rem;"></i><br><br>\
                     '+App.Constants.NOTIFICATIONS_EMPTY+'\</span></li>'
         ]
     },

Original file line number	Diff line number	Diff line change
`@@ -960,6 +960,7 @@ a {`
`960`	`960`	`text-align: center;`
`961`	`961`	`font-size: 1.2rem;`
`962`	`962`	`font-weight: normal;`
	`963`	`+ padding: 4rem;`
`963`	`964`	`}`
`964`	`965`
`965`	`966`	`.notification-container .empty .status-icon {`
`@@ -972,7 +973,7 @@ a {`
`972`	`973`
`973`	`974`	`.notification-container li {`
`974`	`975`	`border-bottom: 1px solid #e9e4e4;`
`975`		`- padding: 30px 20px 50px 20px;`
	`976`	`+ padding: 1rem;`
`976`	`977`	`}`
`977`	`978`
`978`	`979`	`.notification-container li:last-child {`
`@@ -1046,9 +1047,10 @@ a {`
`1046`	`1047`	`}`
`1047`	`1048`
`1048`	`1049`	`.notification-container .time {`
`1049`		`- float: right;`
`1050`		`- margin-top: 1rem;`
`1051`		`- font-size: 0.7rem;`
	`1050`	`+ font-size: 0.9em;`
	`1051`	`+ display: block;`
	`1052`	`+ text-align: right;`
	`1053`	`+ padding-top: 0.6rem;`
`1052`	`1054`	`}`
`1053`	`1055`
`1054`	`1056`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ App.Templates.html = {`
`13`	`13`	`</li>'`
`14`	`14`	`],`
`15`	`15`	`notification_empty: [`
`16`		`- '<li class="empty"><br><br><span><i class="fas fa-bell-slash status-icon" style="font-size: 4rem;"></i><br><br>\`
	`16`	`+ '<li class="empty"><span><i class="fas fa-bell-slash status-icon" style="font-size: 4rem;"></i><br><br>\`
`17`	`17`	`'+App.Constants.NOTIFICATIONS_EMPTY+'\</span></li>'`
`18`	`18`	`]`
`19`	`19`	`},`