feat(UI): improve display (small devices++), add stripes to in progre…

…ss PR

assets/site.css

@@ -1,23 +1,26 @@
-a,.date-line, thead th{letter-spacing:1px}
-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;background-color:#2B2E4D}
+a,.date-line, thead th{letter-spacing:1.5px}
+body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;background-color:#2B2E4D; font-size:1.8rem;}
 .container{display:block;padding:10px 15px}
 .date-line{background:transparent; text-align: center; font-weight:500;}
-a{font-size:1.8rem;font-weight:500;color:#FFF}
+a{font-size:2.1rem;line-height:1.5;font-weight:500;color:#FFF; text-decoration:none;}
 .btn{padding:15px 21px 15px 20px;border-radius:10px}
-table{border-spacing:0 20px;width:100%;text-align:left;font-size:1.5rem;line-height:1.5;color:rgba(255,255,255,.6)}
+table{border-spacing:0 30px;width:100%;text-align:left;color:rgba(255,255,255,.6); font-size:1.8rem; line-height:1.5;}
 thead th{color:#CDCFED;text-transform:uppercase}
-td,th{padding:15px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
+td,th{padding:20px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 tbody tr{background-color:#76A8FF}
-.td-title{padding-left:25px;border-radius:10px 0 0 10px; min-width:200px;}
+.td-title{padding-left:25px;border-radius:10px 0 0 10px;min-width:225px;line-height:1.5;}
+/*.td-title a {text-transform:uppercase;}*/
 .td-build {width: 100%;max-width: 0;}
 .td-diff a{text-decoration:none}
 .td-diff .btn{background-color:rgba(255,255,255,.4);color:#76A8FF}
 .td-diff,.td-diff a,.td-download{text-align:right}
 .td-download{width:70;border-radius:0 10px 10px 0;padding-left:20px;padding-right:25px}
 .td-download .btn{background-color:#2D6FE2}
-.tr-master{background-color:#35D1AF}
+.tr-master{background-color:#35D1AF; color:#ABE9DB;}
 .tr-master .td-download .btn{background-color:#18aa8b}
 .tr-master .td-diff .btn{color:#35D1AF}
-.tr-pull{background-color:#8878D7}
+.tr-master.in-progress {background: repeating-linear-gradient(-55deg,#2cc5a4,#2cc5a4 15px,#35D1AF 15px,#35D1AF 30px);}
+.tr-pull{background-color:#8878D7; color:#CBC4EC;}
 .tr-pull .td-download .btn{background-color:#6350C8}
 .tr-pull .td-diff .btn{color:#8878D7}
+.tr-pull.in-progress {background: repeating-linear-gradient(-55deg,#7f70ce,#7f70ce 15px,#8878D7 15px, #8878D7 30px);}

server/handler.go

@@ -241,7 +241,7 @@ func (s *Server) ListReleaseIOS(c echo.Context) error {
 			branchKind = "master"
 		}
 		if build.StopTime == nil {
-			branchKind = "inprogress"
+			branchKind += " in-progress"
 		}
 
 		//diff := `<span class="btn">N/A</span>`