improve dropdown styling

matrix-org · Aug 15, 2022 · e1edc2b · e1edc2b
1 parent c063114
commit e1edc2b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/res/css/components/views/settings/devices/_FilteredDeviceList.pcss b/res/css/components/views/settings/devices/_FilteredDeviceList.pcss
@@ -14,6 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_FilteredDeviceList {
+    .mx_Dropdown {
+        flex: 1 0 80px;
+    }
+}
+
 .mx_FilteredDeviceList_header {
     display: flex;
     flex-direction: row;

diff --git a/src/components/views/settings/devices/FilteredDeviceList.tsx b/src/components/views/settings/devices/FilteredDeviceList.tsx
@@ -150,7 +150,7 @@ const FilteredDeviceList: React.FC<Props> = ({ devices, filter, onFilterChange }
         onFilterChange(filterId === ALL_FILTER_ID ? undefined : filterId as DeviceSecurityVariation);
     };
 
-    return <div>
+    return <div className='mx_FilteredDeviceList'>
         <div className='mx_FilteredDeviceList_header'>
             <span className='mx_FilteredDeviceList_headerLabel'>
                 { _t('Sessions') }