Improve appearance of notification cleaning UI
- Use smaller font-size for consistency with the rest of the UI - Make better use of the horizontal space when available
This commit is contained in:
		
							parent
							
								
									18f2c39074
								
							
						
					
					
						commit
						1f94f4009e
					
				@ -363,8 +363,8 @@
 | 
			
		||||
    @extend .column-header__button;
 | 
			
		||||
    background: transparent;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
    padding: 10px 0;
 | 
			
		||||
    white-space: pre-wrap;
 | 
			
		||||
    padding: 10px 5px;
 | 
			
		||||
    font-size: 14px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  b {
 | 
			
		||||
@ -372,6 +372,23 @@
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.layout-single-column .column-header__notif-cleaning-buttons {
 | 
			
		||||
  @media screen and (min-width: $no-gap-breakpoint) {
 | 
			
		||||
    b, i {
 | 
			
		||||
      margin-right: 5px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    br {
 | 
			
		||||
      display: none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    button {
 | 
			
		||||
      padding: 15px 5px;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// The notifs drawer with no padding to have more space for the buttons
 | 
			
		||||
.column-header__collapsible-inner.nopad-drawer {
 | 
			
		||||
  padding: 0;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user