1@media (max-width: 600px) {
2  .content-actions {
3    margin-right: 20px !important;
4    margin-top: -10px !important;
5    //TODO: make this nicer
6  }
7  .content-actions__container {
8    position: relative !important;
9    margin: 0 !important;
10  }
11  .content-youarehere {
12    margin: .8em 42px .4em 0.8em;
13  }
14  .content-card {
15    //margin: .8em 42px 2em 0.8em;
16    min-height: 300px;
17    margin: 0 !important;
18    width: 100%;
19  }
20  .content-search{
21    width: 5em !important;
22  }
23  .content-search:focus-within{
24    //FIXME: focus-within is not supported by IE and Edge, need to find an alternative
25    position: absolute;
26    top: 0px;
27    left: 0px;
28    background: #f8f8f8;
29    ._shadow_1dp;
30    width: calc(~"100% - 4em") !important;
31    z-index: 100;
32    height: 56px;
33    padding: 0px 2em;
34    .mdl-textfield{
35      margin-top: -10px;
36      width: 100%;
37      flex-grow: 1;
38    }
39  }
40  .content-search__popup {
41    width: 100%;
42    left: 0px;
43    position: absolute;
44  }
45}
46