fix weird shift in Cards due to double insertion of <a> tag on server
This commit is contained in:
		@@ -25,6 +25,7 @@ onMount(() => {
 | 
			
		||||
	border-radius: 20px;
 | 
			
		||||
}
 | 
			
		||||
.card{
 | 
			
		||||
	margin-right: 2em; /* gap in MediaScroller does not work due to double insertion of a tag on server side */
 | 
			
		||||
	--card-width: 300px;
 | 
			
		||||
	position: relative;
 | 
			
		||||
	flex-shrink: 0;
 | 
			
		||||
 
 | 
			
		||||
@@ -8,7 +8,7 @@ export let title
 | 
			
		||||
  flex-direction: row;
 | 
			
		||||
  flex-wrap:nowrap;
 | 
			
		||||
  overflow-x: auto;
 | 
			
		||||
  gap: 2rem;
 | 
			
		||||
  /*gap: 2rem;*/ /*messes up if js disabled as anchor tag is inserted twice...*/
 | 
			
		||||
  padding: 3rem;
 | 
			
		||||
}
 | 
			
		||||
.media_scroller_wrapper{
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user