.home-tab-suggestion-description, .home-tab-suggestion-filepath, .home-tab-suggestion-tip{ display: flex; align-items: center; justify-content: left; color: var(--text-faint); } .home-tab-suggestion-description, .home-tab-suggestion-tip{ font-size: var(--font-ui-small) } .home-tab-suggestion-filepath{ font-size: var(--font-ui-smaller); margin-left: var(--size-4-3); } .home-tab-suggestion-description svg, .home-tab-suggestion-filepath svg{ margin-right: 5px; } .home-tab-suggestion-container{ width: 50%; min-width: 250px; max-width: 700px; margin: 0 auto; background: var(--background-modifier-form-field); border: var(--input-border-width) solid var(--background-modifier-border); border-top-color: var(--background-secondary); border-radius: 0 0 var(--input-radius) var(--input-radius); } .home-tab-searchbar.embedded+.home-tab-suggestion-container, .home-tab-suggestion-container.is-phone{ width: 90%; } .home-tab-suggestion-container .suggestion{ flex: 1; overflow-x: hidden; } .home-tab-suggestion-title{ display: flex; /* flex-wrap: wrap; */ word-break: break-word; } .home-tab-suggestion-title.is-unresolved{ opacity: 0.4; } .home-tab-suggestion-file-tag{ min-width: fit-content; } .suggestion.use-accent-color .is-selected .home-tab-suggestion-title.is-unresolved{ color: var(--text-on-accent); opacity: 0.6; } .suggestion.use-accent-color .is-selected{ background-color: var(--interactive-accent); } .suggestion.use-accent-color .is-selected, .suggestion.use-accent-color .is-selected .home-tab-suggestion-filepath, .suggestion.use-accent-color .is-selected .home-tab-suggestion-description, .suggestion.use-accent-color .is-selected .home-tab-suggestion-tip{ color: var(--text-on-accent); } .suggester-additional-info{ border-top: 1px solid var(--background-secondary); font-size: var(--font-ui-smaller); color: var(--text-muted); padding: var(--size-4-2); text-align: center; } .home-tab-hotkey-suggestions{ display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; } .home-tab-searchbar.is-active{ border-bottom: none !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .wide-input-container{ width: 100%; } .setting-item-info.compressed{ width: 40%; } .setting-item-info.ultra-compressed{ width: 20%; }