Fix line break of posts lists "footer"

eyalroth · eyalroth · commit 9fe7380f4e60 · 2019-07-14T18:46:47.000+03:00
See: https://stackoverflow.com/questions/57027529/how-to-line-break-an-html-list-on-last-possible-white-space
diff --git a/src/components/PostListItem/style.scss b/src/components/PostListItem/style.scss
@@ -37,7 +37,7 @@ $border-styling: dashed 1px $color-gray-border;
             margin: 0;
             padding: 0;
             &>* {
-                display: inline-block;
+                display: inline;
                 margin: 0;
                 padding: 0;
             }
@@ -51,9 +51,9 @@ $border-styling: dashed 1px $color-gray-border;
             }
             
             &-tags-item:not(:last-child)::after {
-                content: "\00B7";
+                content: " \00B7";
                 margin-right: 0.3125rem;
-                margin-left: 0.3125rem;
+                margin-left: 0.1125rem;
             }
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ $border-styling: dashed 1px $color-gray-border;`
`37`	`37`	`margin: 0;`
`38`	`38`	`padding: 0;`
`39`	`39`	`&>* {`
`40`		`- display: inline-block;`
	`40`	`+ display: inline;`
`41`	`41`	`margin: 0;`
`42`	`42`	`padding: 0;`
`43`	`43`	`}`
`@@ -51,9 +51,9 @@ $border-styling: dashed 1px $color-gray-border;`
`51`	`51`	`}`
`52`	`52`
`53`	`53`	`&-tags-item:not(:last-child)::after {`
`54`		`- content: "\00B7";`
	`54`	`+ content: " \00B7";`
`55`	`55`	`margin-right: 0.3125rem;`
`56`		`- margin-left: 0.3125rem;`
	`56`	`+ margin-left: 0.1125rem;`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`	`}`