Small css adjustments

This commit is contained in:
Mateus Machado Luna 2018-08-07 15:43:10 -03:00
parent 75833e9a7f
commit aea89f0f05
3 changed files with 13 additions and 4 deletions

View File

@ -10,7 +10,7 @@
class="is-hidden-mobile"
id="filter-menu-compress-button"
:class="{'filter-menu-compress-button-top-repo': isRepositoryLevel}"
:style="{ top: !isOnTheme ? '120px' : (searchControlHeight + 6) + 'px' }"
:style="{ top: !isOnTheme ? '120px' : (searchControlHeight - 15) + 'px' }"
@click="isFiltersMenuCompressed = !isFiltersMenuCompressed">
<b-icon :icon="isFiltersMenuCompressed ? 'menu-right' : 'menu-left'" />
</button>
@ -272,7 +272,7 @@
class="gray-icon view-mode-icon"
v-if="registeredViewModes[viewMode] != undefined"
v-html="registeredViewModes[viewMode].icon"/>
<span class="is-hidden-mobile">&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}</span>
<span class="is-hidden-touch">&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}</span>
<b-icon icon="menu-down" />
</button>
<b-dropdown-item

View File

@ -23,6 +23,7 @@
max-width: 410px;
min-width: 410px;
min-height: 218px;
max-height: 218px;
cursor: pointer;
@media screen and (max-width: 768px) {

View File

@ -129,11 +129,19 @@ export default {
}
.search-control {
justify-content: flex-start !important;
@media screen and (min-width: 768px) {
margin-bottom: $page-small-top-padding;
@media screen and (min-width: 769px) {
margin-bottom: $page-small-top-padding !important;
.search-control-item {
margin-right: $page-side-padding !important;
}
}
@media screen and (max-width: 768px) {
justify-content: space-between !important;
}
.search-control-item:first-child>div {
margin-left: -8.3333333%;
}