Fix align issues and decrease avatar size on PR timeline (go-gitea#11689

) * Fix margin for referenced issue title * Change avatar size to 20px, align referenced issue title to avatar * better align
ydelafollye · Jul 31, 2020 · 29cb97d · 29cb97d
1 parent e530f6d
commit 29cb97d
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
@@ -751,6 +751,13 @@
                     }
                 }
 
+                .avatar.image,
+                .avatar.image img {
+                    width: 20px;
+                    height: 20px;
+                    margin-right: .15em;
+                }
+
                 &:first-child:not(.commit) {
                     padding-top: 0 !important;
                 }
@@ -762,7 +769,6 @@
                 .badge.badge-commit {
                     border-color: transparent;
                     background: radial-gradient(white 60%, transparent 60%) no-repeat;
-                    height: 0 !important;
                 }
 
                 .badge {
@@ -774,9 +780,9 @@
                     display: flex;
                     float: left;
                     margin-left: -32px;
-                    margin-top: -1px;
                     margin-right: 8px;
                     color: #444;
+                    align-items: center;
 
                     .svg {
                         width: 28px;
@@ -804,16 +810,19 @@
                 }
 
                 &.event > .text {
-                    line-height: 30px;
+                    line-height: 32px;
+                    vertical-align: middle;
                 }
 
                 &.commits-list {
                     padding-left: 15px;
                     padding-top: 0;
 
                     .singular-commit {
+                        line-height: 30px;
+
                         &:not(:last-child) {
-                            padding-bottom: 3px;
+                            padding-bottom: 2px;
                         }
 
                         .shabox {
@@ -1138,13 +1147,7 @@
                 .detail {
                     font-size: .9rem;
                     margin-top: 5px;
-                    margin-left: 35px;
-
-                    .svg {
-                        &.octicon-git-commit {
-                            margin-top: 2px;
-                        }
-                    }
+                    margin-left: 8px;
                 }
 
                 .segments {