code.gitea.io/gitea@v1.22.3/web_src/css/repo/list-header.css (about)

     1  .list-header {
     2    display: flex;
     3    align-items: center;
     4    flex-wrap: wrap;
     5    gap: .5rem;
     6  }
     7  
     8  .list-header-sort {
     9    display: flex;
    10    align-items: center;
    11    padding-left: 1rem;
    12    padding-right: 1rem;
    13  }
    14  
    15  .list-header-search {
    16    display: flex;
    17    flex: 1;
    18    align-items: center;
    19    flex-wrap: wrap;
    20    justify-content: center;
    21    min-width: 200px; /* to enable flexbox wrapping on mobile */
    22  }
    23  
    24  .list-header-search .input {
    25    flex: 1;
    26  }
    27  
    28  @media (max-width: 767.98px) {
    29    .list-header-search {
    30      order: 0;
    31    }
    32    .list-header-toggle {
    33      order: 1;
    34    }
    35    .list-header-sort {
    36      order: 2;
    37      margin-left: auto;
    38    }
    39  }