diff --git a/i18n/en.json b/i18n/en.json
index 829036f3..926716b3 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -267,6 +267,7 @@
     "galleryAndView": "Gallery",
     "hideTopBar": "Hide top bar",
     "manualTags": "Tags",
+    "metaDataVisibility": "Metadata Visibility",
     "miscView": "Layout",
     "newVersionExists": "new version available",
     "noClipsExtracted": "No clips extracted for this hub",
@@ -282,8 +283,11 @@
     "searchFilters": "Search filters",
     "settings": "Settings",
     "showDetailsTray": "Details",
+    "showDuration": "hide video's duration",
+    "showFileSize": "hide video file's size",
     "showHideText": "show / hide icon in the settings bar",
     "showRecent": "Recently opened files",
+    "showResolution": "hide video's resolution",
     "sortingFilters": "Filters & sorting options",
     "systemDefault": "System default",
     "tabCurrentHub": "Current hub",
@@ -292,6 +296,10 @@
     "tabShortcuts": "Shortcuts",
     "tabView": "View settings",
     "thumbnailHeading": "Thumbnails view",
+    "toggleStarRating": "Hide Rating",
+    "toggleYearData": "Hide Year Metadata",
+    "toggleBitRate": "Hide Bitrate",
+    "toggleFps": "Hide FPS",
     "trayCloud": "Word cloud",
     "traySimilar": "Similar",
     "trayTags": "Tags",
diff --git a/src/app/common/settings-buttons.ts b/src/app/common/settings-buttons.ts
index e8c98361..595903af 100644
--- a/src/app/common/settings-buttons.ts
+++ b/src/app/common/settings-buttons.ts
@@ -1,907 +1,987 @@
 import type { SettingsButton } from './settings-buttons.interface';
 
-export type SettingsButtonKey = 'autoFileTags'
- | 'autoFolderTags'
- | 'autoplayClips'
- | 'clearHistory'
- | 'clipsThumbnail'
- | 'compactView'
- | 'dangerousDelete'
- | 'darkMode'
- | 'doubleClickMode'
- | 'dragVideoOutOfApp'
- | 'duplicateHash'
- | 'duplicateLength'
- | 'duplicateSize'
- | 'durationFilter'
- | 'exclude'
- | 'favorites'
- | 'fileIntersection'
- | 'fileUnion'
- | 'flatIcons'
- | 'folderExclusion'
- | 'folderIntersection'
- | 'folderUnion'
- | 'fontSizeLarger'
- | 'fuzzy'
- | 'hideOffline'
- | 'hideSidebar'
- | 'hideTop'
- | 'hoverScrub'
- | 'magic'
- | 'makeLarger'
- | 'makeSmaller'
- | 'manualTags'
- | 'muteClips'
- | 'openAtTimestamp'
- | 'playPlaylist'
- | 'randomizeFoldersScreenshots'
- | 'regex'
- | 'resetSettings'
- | 'resolutionFilter'
- | 'returnToFirstScreenshot'
- | 'showClips'
- | 'showDeleteOption'
- | 'showDetails'
- | 'showDetails2'
- | 'showDetailsTray'
- | 'showFiles'
- | 'showFilmstrip'
- | 'showFolders'
- | 'showFreq'
- | 'showFullView'
- | 'showMoreInfo'
- | 'showRecent'
- | 'showRecentlyPlayed'
- | 'showRelatedVideosTray'
- | 'showTags'
- | 'showTagTray'
- | 'showThumbnails'
- | 'showVideoNotes'
- | 'shuffleGalleryNow'
- | 'sizeFilter'
- | 'sortAutoTags'
- | 'sortOptionAlphabetical'
- | 'sortOptionAlphabetical2'
- | 'sortOptionAspectRatio'
- | 'sortOptionCreated'
- | 'sortOptionLastPlayed'
- | 'sortOptionFolderSize'
- | 'sortOptionFps'
- | 'sortOptionModified'
- | 'sortOptionSize'
- | 'sortOptionStar'
- | 'sortOptionTags'
- | 'sortOptionTime'
- | 'sortOptionTimesPlayed'
- | 'sortOptionYear'
- | 'sortOrder'
- | 'starFilter'
- | 'startWizard'
- | 'tagExclusion'
- | 'tagIntersection'
- | 'tagUnion'
- | 'thumbAutoAdvance'
- | 'timesPlayedFilter'
- | 'videoNotes'
- | 'yearFilter';
+export type SettingsButtonKey =
+  | "autoFileTags"
+  | "autoFolderTags"
+  | "autoplayClips"
+  | "clearHistory"
+  | "clipsThumbnail"
+  | "compactView"
+  | "dangerousDelete"
+  | "darkMode"
+  | "doubleClickMode"
+  | "dragVideoOutOfApp"
+  | "duplicateHash"
+  | "duplicateLength"
+  | "duplicateSize"
+  | "durationFilter"
+  | "exclude"
+  | "favorites"
+  | "fileIntersection"
+  | "fileUnion"
+  | "flatIcons"
+  | "folderExclusion"
+  | "folderIntersection"
+  | "folderUnion"
+  | "fontSizeLarger"
+  | "fuzzy"
+  | "hideOffline"
+  | "hideSidebar"
+  | "hideTop"
+  | "hoverScrub"
+  | "magic"
+  | "makeLarger"
+  | "makeSmaller"
+  | "manualTags"
+  | "muteClips"
+  | "openAtTimestamp"
+  | "playPlaylist"
+  | "randomizeFoldersScreenshots"
+  | "regex"
+  | "resetSettings"
+  | "resolutionFilter"
+  | "returnToFirstScreenshot"
+  | "showClips"
+  | "showDeleteOption"
+  | "showDetails"
+  | "showDetails2"
+  | "showDetailsTray"
+  | "showDuration"
+  | "showFiles"
+  | "showFileSize"
+  | "showFilmstrip"
+  | "showFolders"
+  | "showFreq"
+  | "showFullView"
+  | "showMoreInfo"
+  | "showRecent"
+  | "showRecentlyPlayed"
+  | "showRelatedVideosTray"
+  | "showResolution"
+  | "showTags"
+  | "showTagTray"
+  | "showThumbnails"
+  | "showVideoNotes"
+  | "shuffleGalleryNow"
+  | "sizeFilter"
+  | "sortAutoTags"
+  | "sortOptionAlphabetical"
+  | "sortOptionAlphabetical2"
+  | "sortOptionAspectRatio"
+  | "sortOptionCreated"
+  | "sortOptionLastPlayed"
+  | "sortOptionFolderSize"
+  | "sortOptionFps"
+  | "sortOptionModified"
+  | "sortOptionSize"
+  | "sortOptionStar"
+  | "sortOptionTags"
+  | "sortOptionTime"
+  | "sortOptionTimesPlayed"
+  | "sortOptionYear"
+  | "sortOrder"
+  | "starFilter"
+  | "startWizard"
+  | "tagExclusion"
+  | "tagIntersection"
+  | "tagUnion"
+  | "thumbAutoAdvance"
+  | "timesPlayedFilter"
+  | "toggleStarRating"
+  | "toggleYearData"
+  | "toggleBitrate"
+  | "toggleFps"
+  | "videoNotes"
+  | "yearFilter";
 
 // Add `SettingsButtons` items here so they show up in the buttons ribbon and in the settings
 // Each array separates buttons into their own button groups visually
 export const SettingsButtonsGroups: SettingsButtonKey[][] = [
-  [ // 0 - Search & filter settings
-    'hideSidebar',
+  [
+    // 0 - Search & filter settings
+    "hideSidebar",
   ],
-  [ // 1 - Search filters
-    'folderUnion',
-    'folderIntersection',
-    'folderExclusion',
-    'fileUnion',
-    'fileIntersection',
-    'exclude',
-    'tagUnion',
-    'tagIntersection',
-    'tagExclusion',
-    'videoNotes',
-    'magic',
-    'regex',
-    'fuzzy',
+  [
+    // 1 - Search filters
+    "folderUnion",
+    "folderIntersection",
+    "folderExclusion",
+    "fileUnion",
+    "fileIntersection",
+    "exclude",
+    "tagUnion",
+    "tagIntersection",
+    "tagExclusion",
+    "videoNotes",
+    "magic",
+    "regex",
+    "fuzzy",
   ],
-  [ // 2 - Filters & sorting options
-    'durationFilter',
-    'sizeFilter',
-    'timesPlayedFilter',
-    'resolutionFilter',
-    'yearFilter',
-    'starFilter',
-    'sortOrder',
-    'hideOffline',
-    'sortOptionAlphabetical', // Sorting options in the dropdown
-    'sortOptionAlphabetical2',
-    'sortOptionTime',
-    'sortOptionSize',
-    'sortOptionTimesPlayed',
-    'sortOptionLastPlayed',
-    'sortOptionStar',
-    'sortOptionYear',
-    'sortOptionModified',
-    'sortOptionCreated',
-    'sortOptionTags',
-    'sortOptionAspectRatio',
-    'sortOptionFps',
-    'sortOptionFolderSize',
+  [
+    // 2 - Filters & sorting options
+    "durationFilter",
+    "sizeFilter",
+    "timesPlayedFilter",
+    "resolutionFilter",
+    "yearFilter",
+    "starFilter",
+    "sortOrder",
+    "hideOffline",
+    "sortOptionAlphabetical", // Sorting options in the dropdown
+    "sortOptionAlphabetical2",
+    "sortOptionTime",
+    "sortOptionSize",
+    "sortOptionTimesPlayed",
+    "sortOptionLastPlayed",
+    "sortOptionStar",
+    "sortOptionYear",
+    "sortOptionModified",
+    "sortOptionCreated",
+    "sortOptionTags",
+    "sortOptionAspectRatio",
+    "sortOptionFps",
+    "sortOptionFolderSize",
   ],
-  [ // 3 - Find duplicates
-    'duplicateLength',
-    'duplicateSize',
-    'duplicateHash',
-    'showRecent', // Recently opened files
+  [
+    // 3 - Find duplicates
+    "duplicateLength",
+    "duplicateSize",
+    "duplicateHash",
+    "showRecent", // Recently opened files
   ],
-  [ // 4 - Gallery -------------------------------------- 2nd tab
-    'showThumbnails',
-    'showFilmstrip',
-    'showFullView',
-    'showDetails',
-    'showDetails2',
-    'showFiles',
-    'showClips',
+  [
+    // 4 - Gallery -------------------------------------- 2nd tab
+    "showThumbnails",
+    "showFilmstrip",
+    "showFullView",
+    "showDetails",
+    "showDetails2",
+    "showFiles",
+    "showClips",
   ],
-  [ // 5 - Folder view
-    'showFolders',
-    'randomizeFoldersScreenshots',
-    'showTags',
+  [
+    // 5 - Folder view
+    "showFolders",
+    "randomizeFoldersScreenshots",
+    "showTags",
   ],
-  [ // 6 - Bottom tray
-    'showFreq',
-    'showTagTray',
-    'showRelatedVideosTray',
-    'showRecentlyPlayed',
-    'showDetailsTray',
+  [
+    // 6 - Bottom tray
+    "showFreq",
+    "showTagTray",
+    "showRelatedVideosTray",
+    "showRecentlyPlayed",
+    "showDetailsTray",
   ],
-  [ // 7 - Layout
-    'compactView',
-    'showMoreInfo',
-    'fontSizeLarger',
-    'shuffleGalleryNow',
+  [
+    // 7 - Layout
+    "compactView",
+    "showMoreInfo",
+    "fontSizeLarger",
+    "shuffleGalleryNow",
+    "showDuration", // show / hide duration of all videos
+    "showResolution", // show / hide duration of resolution of videos
+    "showFileSize", // show / hide file size of the videos
+    "toggleBitrate", // show / hide bitrate data
+    "toggleFps", // show / hide fps data
+    "toggleYearData", // show / hide year data of videos
+    "toggleStarRating", // show / hide Rating
   ],
-  [ // 8 - Auto-generated tags
-    'manualTags',
-    'autoFileTags',
-    'autoFolderTags',
-    'showVideoNotes',
-    'sortAutoTags',
-    'favorites',
+  [
+    // 8 - Auto-generated tags
+    "manualTags",
+    "autoFileTags",
+    "autoFolderTags",
+    "showVideoNotes",
+    "sortAutoTags",
+    "favorites",
   ],
-  [ // 9 - Thumbnails view
-    'hoverScrub',
-    'thumbAutoAdvance',
-    'returnToFirstScreenshot',
+  [
+    // 9 - Thumbnails view
+    "hoverScrub",
+    "thumbAutoAdvance",
+    "returnToFirstScreenshot",
+  ],
+  [
+    // 10 - Clips view
+    "muteClips",
+    "autoplayClips",
+    "clipsThumbnail",
   ],
-  [ // 10 - Clips view
-    'muteClips',
-    'autoplayClips',
-    'clipsThumbnail',
+  [
+    // 11 - Zoom
+    "makeSmaller",
+    "makeLarger",
   ],
-  [ // 11 - Zoom
-    'makeSmaller',
-    'makeLarger',
+  [
+    // 12 - Dark mode
+    "darkMode",
+    "doubleClickMode", // Double click mode
+    "dragVideoOutOfApp", // Drag video outside of app
   ],
-  [ // 12 - Dark mode
-    'darkMode',
-    'doubleClickMode', // Double click mode
-    'dragVideoOutOfApp', // Drag video outside of app
+  [
+    // 13
+    "hideTop", // Hide top bar
+    "flatIcons", // Button style
   ],
-  [ // 13
-    'hideTop', // Hide top bar
-    'flatIcons', // Button style
+  [
+    // 14 - Create a new hub ---------------------------- 3rd tab
+    "startWizard",
+    "resetSettings", // Various settings
+    "clearHistory",
+    "showDeleteOption",
+    "dangerousDelete",
+    "playPlaylist",
+    "openAtTimestamp",
   ],
-  [ // 14 - Create a new hub ---------------------------- 3rd tab
-    'startWizard',
-    'resetSettings', // Various settings
-    'clearHistory',
-    'showDeleteOption',
-    'dangerousDelete',
-    'playPlaylist',
-    'openAtTimestamp',
-  ]
 ];
 
 // Breaks up content into 3 tabs
 export const SettingsMetaGroup: string[][] = [
   [
     ...SettingsButtonsGroups[0],
-    'break',
+    "break",
     ...SettingsButtonsGroups[1],
-    'break',
+    "break",
     ...SettingsButtonsGroups[2],
-    'break',
+    "break",
     ...SettingsButtonsGroups[3],
   ],
   [
     ...SettingsButtonsGroups[4],
-    'break',
+    "break",
     ...SettingsButtonsGroups[5],
-    'break',
+    "break",
     ...SettingsButtonsGroups[6],
-    'break',
+    "break",
     ...SettingsButtonsGroups[7],
-    'break',
+    "break",
     ...SettingsButtonsGroups[8],
-    'break',
+    "break",
     ...SettingsButtonsGroups[9],
-    'break',
+    "break",
     ...SettingsButtonsGroups[10],
-    'break',
+    "break",
     ...SettingsButtonsGroups[11],
-    'break',
+    "break",
     ...SettingsButtonsGroups[12],
-    'break',
+    "break",
     ...SettingsButtonsGroups[13],
   ],
-  [
-    ...SettingsButtonsGroups[14],
-  ],
+  [...SettingsButtonsGroups[14]],
 ];
 
 // correspond to each group (tab) above
 export const SettingsMetaGroupLabels: string[] = [
-  'SETTINGS.searchAndFilter',
-  'SETTINGS.galleryAndView',
-  'SETTINGS.otherSettings',
+  "SETTINGS.searchAndFilter",
+  "SETTINGS.galleryAndView",
+  "SETTINGS.otherSettings",
 ];
 
-export type SettingsButtonsType = { [key in SettingsButtonKey]: SettingsButton };
+export type SettingsButtonsType = {
+  [key in SettingsButtonKey]: SettingsButton;
+};
 
 export const SettingsButtons: SettingsButtonsType = {
-  'autoFileTags': {
-    description: 'BUTTONS.autoFileTagsDescription',
+  autoFileTags: {
+    description: "BUTTONS.autoFileTagsDescription",
     hidden: true,
-    iconName: 'icon-tag-auto-file',
-    moreInfo: 'BUTTONS.autoFileTagsMoreInfo',
-    title: 'BUTTONS.autoFileTagsHint',
-    toggled: true
+    iconName: "icon-tag-auto-file",
+    moreInfo: "BUTTONS.autoFileTagsMoreInfo",
+    title: "BUTTONS.autoFileTagsHint",
+    toggled: true,
   },
-  'autoFolderTags': {
-    description: 'BUTTONS.autoFolderTagsDescription',
+  autoFolderTags: {
+    description: "BUTTONS.autoFolderTagsDescription",
     hidden: true,
-    iconName: 'icon-tag-auto-folder',
-    moreInfo: 'BUTTONS.autoFolderTagsMoreInfo',
-    title: 'BUTTONS.autoFolderTagsHint',
-    toggled: false
+    iconName: "icon-tag-auto-folder",
+    moreInfo: "BUTTONS.autoFolderTagsMoreInfo",
+    title: "BUTTONS.autoFolderTagsHint",
+    toggled: false,
   },
-  'autoplayClips': {
-    description: 'BUTTONS.autoplayClipsDescription',
+  autoplayClips: {
+    description: "BUTTONS.autoplayClipsDescription",
     hidden: true,
-    iconName: 'icon-auto-play-clips',
-    title: 'BUTTONS.autoplayClipsHint',
-    toggled: false
+    iconName: "icon-auto-play-clips",
+    title: "BUTTONS.autoplayClipsHint",
+    toggled: false,
   },
-  'clearHistory': {
-    description: 'BUTTONS.clearHistoryDescription',
+  clearHistory: {
+    description: "BUTTONS.clearHistoryDescription",
     hidden: false,
-    title: 'BUTTONS.clearHistoryHint',
-    toggled: false
+    title: "BUTTONS.clearHistoryHint",
+    toggled: false,
   },
-  'clipsThumbnail': {
-    description: 'BUTTONS.clipsThumbnailDescription',
+  clipsThumbnail: {
+    description: "BUTTONS.clipsThumbnailDescription",
     hidden: true,
-    moreInfo: 'BUTTONS.clipsThumbnailMoreInfo',
-    title: 'BUTTONS.clipsThumbnailHint',
-    toggled: false
+    moreInfo: "BUTTONS.clipsThumbnailMoreInfo",
+    title: "BUTTONS.clipsThumbnailHint",
+    toggled: false,
   },
-  'compactView': {
-    description: 'BUTTONS.compactViewDescription',
+  compactView: {
+    description: "BUTTONS.compactViewDescription",
     hidden: false,
-    iconName: 'icon-compact-view',
-    moreInfo: 'BUTTONS.compactViewMoreInfo',
-    settingsHeading: 'SETTINGS.miscView',
-    title: 'BUTTONS.compactViewHint',
-    toggled: false
+    iconName: "icon-compact-view",
+    moreInfo: "BUTTONS.compactViewMoreInfo",
+    settingsHeading: "SETTINGS.miscView",
+    title: "BUTTONS.compactViewHint",
+    toggled: false,
   },
-  'dangerousDelete': {
-    description: 'BUTTONS.dangerousDeleteDescription',
+  dangerousDelete: {
+    description: "BUTTONS.dangerousDeleteDescription",
     hidden: true,
-    moreInfo: 'BUTTONS.dangerousDeleteMoreInfo',
-    title: 'BUTTONS.dangerousDelete',
-    toggled: false
+    moreInfo: "BUTTONS.dangerousDeleteMoreInfo",
+    title: "BUTTONS.dangerousDelete",
+    toggled: false,
   },
-  'darkMode': {
-    description: 'BUTTONS.darkModeDescription',
+  darkMode: {
+    description: "BUTTONS.darkModeDescription",
     hidden: false,
-    iconName: 'icon-darken',
-    settingsHeading: 'SETTINGS.darkMode',
-    title: 'BUTTONS.darkModeHint',
-    toggled: false
+    iconName: "icon-darken",
+    settingsHeading: "SETTINGS.darkMode",
+    title: "BUTTONS.darkModeHint",
+    toggled: false,
   },
-  'doubleClickMode': {
-    description: 'BUTTONS.doubleClickModeDescription',
+  doubleClickMode: {
+    description: "BUTTONS.doubleClickModeDescription",
     hidden: true,
-    iconName: 'icon-double-click',
-    moreInfo: 'BUTTONS.doubleClickMoreInfo',
-    settingsHeading: 'SETTINGS.doubleClickMode',
-    title: 'BUTTONS.doubleClickModeHint',
-    toggled: false
+    iconName: "icon-double-click",
+    moreInfo: "BUTTONS.doubleClickMoreInfo",
+    settingsHeading: "SETTINGS.doubleClickMode",
+    title: "BUTTONS.doubleClickModeHint",
+    toggled: false,
   },
-  'dragVideoOutOfApp': {
-    description: 'BUTTONS.dragVideoOutOfAppDescription',
+  dragVideoOutOfApp: {
+    description: "BUTTONS.dragVideoOutOfAppDescription",
     hidden: true,
-    iconName: 'icon-double-click',
-    moreInfo: 'BUTTONS.dragVideoOutOfAppMoreInfo',
-    settingsHeading: 'SETTINGS.dragVideoOutOfApp',
-    title: 'BUTTONS.dragVideoOutOfAppHint',
-    toggled: false
+    iconName: "icon-double-click",
+    moreInfo: "BUTTONS.dragVideoOutOfAppMoreInfo",
+    settingsHeading: "SETTINGS.dragVideoOutOfApp",
+    title: "BUTTONS.dragVideoOutOfAppHint",
+    toggled: false,
   },
-  'duplicateHash': {
-    description: 'BUTTONS.duplicateHashDescription',
+  duplicateHash: {
+    description: "BUTTONS.duplicateHashDescription",
     hidden: true,
-    moreInfo: 'BUTTONS.duplicateHashMoreInfo',
-    title: 'BUTTONS.duplicateHashHint',
-    toggled: false
+    moreInfo: "BUTTONS.duplicateHashMoreInfo",
+    title: "BUTTONS.duplicateHashHint",
+    toggled: false,
   },
-  'duplicateLength': {
-    description: 'BUTTONS.duplicateLengthDescription',
+  duplicateLength: {
+    description: "BUTTONS.duplicateLengthDescription",
     hidden: true,
-    moreInfo: 'BUTTONS.duplicateLengthMoreInfo',
-    settingsHeading: 'SETTINGS.duplicateLength',
-    title: 'BUTTONS.duplicateLengthHint',
-    toggled: false
+    moreInfo: "BUTTONS.duplicateLengthMoreInfo",
+    settingsHeading: "SETTINGS.duplicateLength",
+    title: "BUTTONS.duplicateLengthHint",
+    toggled: false,
   },
-  'duplicateSize': {
-    description: 'BUTTONS.duplicateSizeDescription',
+  duplicateSize: {
+    description: "BUTTONS.duplicateSizeDescription",
     hidden: true,
-    moreInfo: 'BUTTONS.duplicateSizeMoreInfo',
-    title: 'BUTTONS.duplicateSizeHint',
-    toggled: false
+    moreInfo: "BUTTONS.duplicateSizeMoreInfo",
+    title: "BUTTONS.duplicateSizeHint",
+    toggled: false,
   },
-  'durationFilter': {
-    description: 'BUTTONS.durationFilterDescription',
+  durationFilter: {
+    description: "BUTTONS.durationFilterDescription",
     hidden: false,
-    iconName: 'icon-hourglass',
-    moreInfo: 'BUTTONS.durationFilterMoreInfo',
-    settingsHeading: 'SETTINGS.sortingFilters',
-    title: 'BUTTONS.durationFilterHint',
-    toggled: false
+    iconName: "icon-hourglass",
+    moreInfo: "BUTTONS.durationFilterMoreInfo",
+    settingsHeading: "SETTINGS.sortingFilters",
+    title: "BUTTONS.durationFilterHint",
+    toggled: false,
   },
-  'exclude': {
-    description: 'BUTTONS.excludeDescription',
+  exclude: {
+    description: "BUTTONS.excludeDescription",
     hidden: true,
-    iconName: 'icon-video-x',
-    moreInfo: 'BUTTONS.excludeMoreInfo',
-    title: 'BUTTONS.excludeHint',
-    toggled: false
+    iconName: "icon-video-x",
+    moreInfo: "BUTTONS.excludeMoreInfo",
+    title: "BUTTONS.excludeHint",
+    toggled: false,
   },
-  'favorites': {
-    description: 'BUTTONS.favoritesDescription',
+  favorites: {
+    description: "BUTTONS.favoritesDescription",
     hidden: false,
-    iconName: 'icon-heart',
-    settingsHeading: 'SETTINGS.favorites',
-    moreInfo: 'BUTTONS.favoritesMoreInfo',
-    title: 'BUTTONS.favoritesHint',
-    toggled: false
+    iconName: "icon-heart",
+    settingsHeading: "SETTINGS.favorites",
+    moreInfo: "BUTTONS.favoritesMoreInfo",
+    title: "BUTTONS.favoritesHint",
+    toggled: false,
   },
-  'fileIntersection': {
-    description: 'BUTTONS.fileDescription',
+  fileIntersection: {
+    description: "BUTTONS.fileDescription",
     hidden: false,
-    iconName: 'icon-video-minus',
-    moreInfo: 'BUTTONS.fileMoreInfo',
-    title: 'BUTTONS.fileHint',
-    toggled: true
+    iconName: "icon-video-minus",
+    moreInfo: "BUTTONS.fileMoreInfo",
+    title: "BUTTONS.fileHint",
+    toggled: true,
   },
-  'fileUnion': {
-    description: 'BUTTONS.fileUnionDescription',
+  fileUnion: {
+    description: "BUTTONS.fileUnionDescription",
     hidden: true,
-    iconName: 'icon-video-plus',
-    moreInfo: 'BUTTONS.fileUnionMoreInfo',
-    title: 'BUTTONS.fileUnionHint',
-    toggled: false
+    iconName: "icon-video-plus",
+    moreInfo: "BUTTONS.fileUnionMoreInfo",
+    title: "BUTTONS.fileUnionHint",
+    toggled: false,
   },
-  'flatIcons': {
-    description: 'BUTTONS.flatIconsDescription',
+  flatIcons: {
+    description: "BUTTONS.flatIconsDescription",
     hidden: false,
-    settingsHeading: 'SETTINGS.buttonStyle',
-    title: 'BUTTONS.flatIconsHint',
-    toggled: false
+    settingsHeading: "SETTINGS.buttonStyle",
+    title: "BUTTONS.flatIconsHint",
+    toggled: false,
   },
-  'folderExclusion': {
-    description: 'BUTTONS.folderExclusionDescription',
+  folderExclusion: {
+    description: "BUTTONS.folderExclusionDescription",
     hidden: true,
-    iconName: 'icon-folder-x',
-    moreInfo: 'BUTTONS.folderExclusionMoreInfo',
-    title: 'BUTTONS.folderExclusionHint',
-    toggled: false
+    iconName: "icon-folder-x",
+    moreInfo: "BUTTONS.folderExclusionMoreInfo",
+    title: "BUTTONS.folderExclusionHint",
+    toggled: false,
   },
-  'folderIntersection': {
-    description: 'BUTTONS.folderDescription',
+  folderIntersection: {
+    description: "BUTTONS.folderDescription",
     hidden: false,
-    iconName: 'icon-folder-minus',
-    moreInfo: 'BUTTONS.folderMoreInfo',
-    title: 'BUTTONS.folderHint',
-    toggled: true
+    iconName: "icon-folder-minus",
+    moreInfo: "BUTTONS.folderMoreInfo",
+    title: "BUTTONS.folderHint",
+    toggled: true,
   },
-  'folderUnion': {
-    description: 'BUTTONS.folderUnionDescription',
+  folderUnion: {
+    description: "BUTTONS.folderUnionDescription",
     hidden: true,
-    iconName: 'icon-folder-plus',
-    moreInfo: 'BUTTONS.folderUnionMoreInfo',
-    settingsHeading: 'SETTINGS.searchFilters',
-    title: 'BUTTONS.folderUnionHint',
-    toggled: false
+    iconName: "icon-folder-plus",
+    moreInfo: "BUTTONS.folderUnionMoreInfo",
+    settingsHeading: "SETTINGS.searchFilters",
+    title: "BUTTONS.folderUnionHint",
+    toggled: false,
   },
-  'fontSizeLarger': {
-    description: 'BUTTONS.fontSizeLargerDescription',
+  fontSizeLarger: {
+    description: "BUTTONS.fontSizeLargerDescription",
     hidden: true,
-    iconName: 'icon-larger-font',
-    title: 'BUTTONS.fontSizeLargerHint',
-    toggled: false
+    iconName: "icon-larger-font",
+    title: "BUTTONS.fontSizeLargerHint",
+    toggled: false,
   },
-  'fuzzy': {
-    description: 'BUTTONS.fuzzyDescription',
+  fuzzy: {
+    description: "BUTTONS.fuzzyDescription",
     hidden: false,
-    iconName: 'icon-show-similar',
-    moreInfo: 'BUTTONS.fuzzyMoreInfo',
-    title: 'BUTTONS.fuzzyHint',
-    toggled: true
+    iconName: "icon-show-similar",
+    moreInfo: "BUTTONS.fuzzyMoreInfo",
+    title: "BUTTONS.fuzzyHint",
+    toggled: true,
   },
-  'hideOffline': {
-    description: 'BUTTONS.hideOfflineDescription',
+  hideOffline: {
+    description: "BUTTONS.hideOfflineDescription",
     hidden: true,
-    iconName: 'icon-eye-closed',
-    moreInfo: 'BUTTONS.hideOfflineMoreInfo',
-    title: 'BUTTONS.hideOfflineHint',
-    toggled: false
+    iconName: "icon-eye-closed",
+    moreInfo: "BUTTONS.hideOfflineMoreInfo",
+    title: "BUTTONS.hideOfflineHint",
+    toggled: false,
   },
-  'hideSidebar': {
-    description: 'BUTTONS.hideSidebarDescription',
+  hideSidebar: {
+    description: "BUTTONS.hideSidebarDescription",
     hidden: false,
-    iconName: 'icon-chevron-left',
-    title: 'BUTTONS.hideSidebarHint',
-    toggled: false
+    iconName: "icon-chevron-left",
+    title: "BUTTONS.hideSidebarHint",
+    toggled: false,
   },
-  'hideTop': {
-    description: 'BUTTONS.hideTopDescription',
+  hideTop: {
+    description: "BUTTONS.hideTopDescription",
     hidden: false,
-    iconName: 'icon-chevron-up',
-    settingsHeading: 'SETTINGS.hideTopBar',
-    title: 'BUTTONS.hideTopHint',
-    toggled: false
+    iconName: "icon-chevron-up",
+    settingsHeading: "SETTINGS.hideTopBar",
+    title: "BUTTONS.hideTopHint",
+    toggled: false,
   },
-  'hoverScrub': {
-    description: 'BUTTONS.hoverScrubDescription',
+  hoverScrub: {
+    description: "BUTTONS.hoverScrubDescription",
     hidden: true,
-    iconName: 'icon-toggle-scrub',
-    moreInfo: 'BUTTONS.hoverScrubMoreInfo',
-    settingsHeading: 'SETTINGS.thumbnailHeading',
-    title: 'BUTTONS.hoverScrubHint',
-    toggled: true
+    iconName: "icon-toggle-scrub",
+    moreInfo: "BUTTONS.hoverScrubMoreInfo",
+    settingsHeading: "SETTINGS.thumbnailHeading",
+    title: "BUTTONS.hoverScrubHint",
+    toggled: true,
   },
-  'magic': {
-    description: 'BUTTONS.magicDescription',
+  magic: {
+    description: "BUTTONS.magicDescription",
     hidden: false,
-    iconName: 'icon-looking-glass',
-    moreInfo: 'BUTTONS.magicMoreInfo',
-    title: 'BUTTONS.magicHint',
-    toggled: true
+    iconName: "icon-looking-glass",
+    moreInfo: "BUTTONS.magicMoreInfo",
+    title: "BUTTONS.magicHint",
+    toggled: true,
   },
-  'makeLarger': {
-    description: 'BUTTONS.makeLargerDescription',
+  makeLarger: {
+    description: "BUTTONS.makeLargerDescription",
     hidden: false,
-    iconName: 'icon-plus',
-    title: 'BUTTONS.makeLargerHint',
-    toggled: false
+    iconName: "icon-plus",
+    title: "BUTTONS.makeLargerHint",
+    toggled: false,
   },
-  'makeSmaller': {
-    description: 'BUTTONS.makeSmallerDescription',
+  makeSmaller: {
+    description: "BUTTONS.makeSmallerDescription",
     hidden: false,
-    iconName: 'icon-minus',
-    settingsHeading: 'SETTINGS.zoom',
-    title: 'BUTTONS.makeSmallerHint',
-    toggled: false
+    iconName: "icon-minus",
+    settingsHeading: "SETTINGS.zoom",
+    title: "BUTTONS.makeSmallerHint",
+    toggled: false,
   },
-  'manualTags': {
-    description: 'BUTTONS.manualTagsDescription',
+  manualTags: {
+    description: "BUTTONS.manualTagsDescription",
     hidden: true,
-    iconName: 'icon-tag-manual',
-    moreInfo: 'BUTTONS.manualTagsMoreInfo',
-    settingsHeading: 'SETTINGS.manualTags',
-    title: 'BUTTONS.manualTagsHint',
-    toggled: true
+    iconName: "icon-tag-manual",
+    moreInfo: "BUTTONS.manualTagsMoreInfo",
+    settingsHeading: "SETTINGS.manualTags",
+    title: "BUTTONS.manualTagsHint",
+    toggled: true,
   },
-  'muteClips': {
-    description: 'BUTTONS.muteClipsDescription',
+  muteClips: {
+    description: "BUTTONS.muteClipsDescription",
     hidden: true,
-    iconName: 'icon-mute-clips',
-    settingsHeading: 'SETTINGS.clipsHeading',
-    title: 'BUTTONS.muteClipsHint',
-    toggled: true
+    iconName: "icon-mute-clips",
+    settingsHeading: "SETTINGS.clipsHeading",
+    title: "BUTTONS.muteClipsHint",
+    toggled: true,
   },
-  'openAtTimestamp': {
-    description: 'BUTTONS.openAtTimestampDescription',
+  openAtTimestamp: {
+    description: "BUTTONS.openAtTimestampDescription",
     hidden: true,
-    iconName: 'icon-toggle-scrub',
-    moreInfo: 'BUTTONS.openAtTimestampMoreInfo',
-    settingsHeading: 'BUTTONS.videoPlayerSettings',
-    title: 'BUTTONS.openAtTimestampHint',
-    toggled: false
+    iconName: "icon-toggle-scrub",
+    moreInfo: "BUTTONS.openAtTimestampMoreInfo",
+    settingsHeading: "BUTTONS.videoPlayerSettings",
+    title: "BUTTONS.openAtTimestampHint",
+    toggled: false,
   },
-  'playPlaylist': {
-    description: 'BUTTONS.playlistButtonDescription',
+  playPlaylist: {
+    description: "BUTTONS.playlistButtonDescription",
     hidden: true,
-    iconName: 'icon-video-blank',
-    moreInfo: 'BUTTONS.playlistButtonMoreInfo',
-    title: 'BUTTONS.playlistButton',
-    toggled: false
+    iconName: "icon-video-blank",
+    moreInfo: "BUTTONS.playlistButtonMoreInfo",
+    title: "BUTTONS.playlistButton",
+    toggled: false,
   },
-  'randomizeFoldersScreenshots': {
-    description: 'BUTTONS.randFolderScreenDesc',
+  randomizeFoldersScreenshots: {
+    description: "BUTTONS.randFolderScreenDesc",
     hidden: true,
-    title: 'BUTTONS.randFolderScreen',
-    toggled: true
+    title: "BUTTONS.randFolderScreen",
+    toggled: true,
   },
-  'regex': {
-    description: 'BUTTONS.regexDescription',
+  regex: {
+    description: "BUTTONS.regexDescription",
     hidden: true,
-    iconName: 'icon-regex',
-    moreInfo: 'BUTTONS.regexMoreInfo',
-    title: 'BUTTONS.regexHint',
-    toggled: false
+    iconName: "icon-regex",
+    moreInfo: "BUTTONS.regexMoreInfo",
+    title: "BUTTONS.regexHint",
+    toggled: false,
   },
-  'resetSettings': {
-    description: 'BUTTONS.resetSettingsDescription',
+  resetSettings: {
+    description: "BUTTONS.resetSettingsDescription",
     hidden: false,
-    settingsHeading: 'SETTINGS.variousSettings',
-    title: 'BUTTONS.resetSettingsHint',
-    toggled: false
+    settingsHeading: "SETTINGS.variousSettings",
+    title: "BUTTONS.resetSettingsHint",
+    toggled: false,
   },
-  'resolutionFilter': {
-    description: 'BUTTONS.resolutionFilterDescription',
+  resolutionFilter: {
+    description: "BUTTONS.resolutionFilterDescription",
     hidden: false,
-    iconName: 'icon-res-filter',
-    moreInfo: 'BUTTONS.resolutionFilterMoreInfo',
-    title: 'BUTTONS.resolutionFilterHint',
-    toggled: false
+    iconName: "icon-res-filter",
+    moreInfo: "BUTTONS.resolutionFilterMoreInfo",
+    title: "BUTTONS.resolutionFilterHint",
+    toggled: false,
   },
-  'returnToFirstScreenshot': {
-    description: 'BUTTONS.returnToFirstScreenshotDescription',
+  returnToFirstScreenshot: {
+    description: "BUTTONS.returnToFirstScreenshotDescription",
     hidden: true,
-    iconName: 'icon-toggle-scrub-return',
-    moreInfo: 'BUTTONS.returnToFirstScreenshotMoreInfo',
-    title: 'BUTTONS.returnToFirstScreenshotHint',
-    toggled: true
+    iconName: "icon-toggle-scrub-return",
+    moreInfo: "BUTTONS.returnToFirstScreenshotMoreInfo",
+    title: "BUTTONS.returnToFirstScreenshotHint",
+    toggled: true,
   },
-  'showClips': {
-    description: 'BUTTONS.showClipsDescription',
+  showClips: {
+    description: "BUTTONS.showClipsDescription",
     hidden: false,
-    iconName: 'icon-video-blank',
-    title: 'BUTTONS.showClipsHint',
-    toggled: false
+    iconName: "icon-video-blank",
+    title: "BUTTONS.showClipsHint",
+    toggled: false,
   },
-  'showDeleteOption': {
-    description: 'BUTTONS.showDeleteButtonDescription',
+  showDeleteOption: {
+    description: "BUTTONS.showDeleteButtonDescription",
     hidden: true,
-    moreInfo: 'BUTTONS.showDeleteButtonMoreInfo',
-    title: 'BUTTONS.showDeleteButton',
-    toggled: false
+    moreInfo: "BUTTONS.showDeleteButtonMoreInfo",
+    title: "BUTTONS.showDeleteButton",
+    toggled: false,
   },
-  'showDetails': {
-    description: 'BUTTONS.showDetailsDescription',
+  showDetails: {
+    description: "BUTTONS.showDetailsDescription",
     hidden: false,
-    iconName: 'icon-show-details',
-    title: 'BUTTONS.showDetailsHint',
-    toggled: false
+    iconName: "icon-show-details",
+    title: "BUTTONS.showDetailsHint",
+    toggled: false,
   },
-  'showDetails2': {
-    description: 'BUTTONS.showDetails2Description',
+  showDetails2: {
+    description: "BUTTONS.showDetails2Description",
     hidden: false,
-    iconName: 'icon-show-details-2',
-    title: 'BUTTONS.showDetails2Hint',
-    toggled: false
+    iconName: "icon-show-details-2",
+    title: "BUTTONS.showDetails2Hint",
+    toggled: false,
   },
-  'showDetailsTray': {
-    description: 'BUTTONS.showDetailsTray',
+  showDetailsTray: {
+    description: "BUTTONS.showDetailsTray",
     hidden: false,
-    iconName: 'icon-show-details-tray',
-    moreInfo: 'BUTTONS.showDetailsTrayMoreInfo',
-    title: 'BUTTONS.showDetailsTray',
-    toggled: false
+    iconName: "icon-show-details-tray",
+    moreInfo: "BUTTONS.showDetailsTrayMoreInfo",
+    title: "BUTTONS.showDetailsTray",
+    toggled: false,
   },
-  'showFiles': {
-    description: 'BUTTONS.showFilesDescription',
+  showDuration: {
+    description: "SETTINGS.showDuration",
+    hidden: true,
+    title: "SETTINGS.showDuration",
+    toggled: true,
+    settingsHeading: "SETTINGS.metaDataVisibility",
+    iconName: "icon-disabled-hourglass",
+  },
+  showFiles: {
+    description: "BUTTONS.showFilesDescription",
     hidden: false,
-    iconName: 'icon-show-filenames',
-    title: 'BUTTONS.showFilesHint',
-    toggled: false
+    iconName: "icon-show-filenames",
+    title: "BUTTONS.showFilesHint",
+    toggled: false,
   },
-  'showFilmstrip': {
-    description: 'BUTTONS.showFilmstripDescription',
+  showFileSize: {
+    description: "SETTINGS.showFileSize",
     hidden: false,
-    iconName: 'icon-show-filmstrip',
-    title: 'BUTTONS.showFilmstripHint',
-    toggled: false
+    title: "SETTINGS.showFileSize",
+    toggled: false,
+    iconName: "icon-file-size"
   },
-  'showFolders': {
-    description: 'BUTTONS.showFoldersDescription',
+  showFilmstrip: {
+    description: "BUTTONS.showFilmstripDescription",
     hidden: false,
-    iconName: 'icon-folder-blank',
-    moreInfo: 'BUTTONS.showFoldersMoreInfo',
-    settingsHeading: 'SETTINGS.folderView',
-    title: 'BUTTONS.showFoldersHint',
-    toggled: false
+    iconName: "icon-show-filmstrip",
+    title: "BUTTONS.showFilmstripHint",
+    toggled: false,
   },
-  'showFreq': {
-    description: 'BUTTONS.showFreqDescription',
+  showFolders: {
+    description: "BUTTONS.showFoldersDescription",
     hidden: false,
-    iconName: 'icon-cloud',
-    moreInfo: 'BUTTONS.showFreqMoreInfo',
-    settingsHeading: 'SETTINGS.wordCloud',
-    title: 'BUTTONS.showFreqHint',
-    toggled: false
+    iconName: "icon-folder-blank",
+    moreInfo: "BUTTONS.showFoldersMoreInfo",
+    settingsHeading: "SETTINGS.folderView",
+    title: "BUTTONS.showFoldersHint",
+    toggled: false,
   },
-  'showFullView': {
-    description: 'BUTTONS.showFullViewDescription',
+  showFreq: {
+    description: "BUTTONS.showFreqDescription",
     hidden: false,
-    iconName: 'icon-show-full-view',
-    title: 'BUTTONS.showFullViewHint',
-    toggled: false
+    iconName: "icon-cloud",
+    moreInfo: "BUTTONS.showFreqMoreInfo",
+    settingsHeading: "SETTINGS.wordCloud",
+    title: "BUTTONS.showFreqHint",
+    toggled: false,
   },
-  'showMoreInfo': {
-    description: 'BUTTONS.showMoreInfoDescription',
+  showFullView: {
+    description: "BUTTONS.showFullViewDescription",
     hidden: false,
-    iconName: 'icon-show-more-info',
-    title: 'BUTTONS.showMoreInfoHint',
-    toggled: true
+    iconName: "icon-show-full-view",
+    title: "BUTTONS.showFullViewHint",
+    toggled: false,
   },
-  'showRecent': {
-    description: 'BUTTONS.showRecentDescription',
+  showMoreInfo: {
+    description: "BUTTONS.showMoreInfoDescription",
     hidden: false,
-    iconName: 'icon-recent-history',
-    settingsHeading: 'SETTINGS.showRecent',
-    title: 'BUTTONS.showRecentHint',
-    toggled: false
+    iconName: "icon-show-more-info",
+    title: "BUTTONS.showMoreInfoHint",
+    toggled: true,
   },
-  'showRecentlyPlayed': {
-    description: 'BUTTONS.showRecentPlayed',
+  showRecent: {
+    description: "BUTTONS.showRecentDescription",
     hidden: false,
-    iconName: 'icon-recent-history',
-    title: 'BUTTONS.showRecentPlayed',
-    toggled: false
+    iconName: "icon-recent-history",
+    settingsHeading: "SETTINGS.showRecent",
+    title: "BUTTONS.showRecentHint",
+    toggled: false,
   },
-  'showRelatedVideosTray': {
-    description: 'BUTTONS.relatedTrayDescription',
+  showRecentlyPlayed: {
+    description: "BUTTONS.showRecentPlayed",
     hidden: false,
-    iconName: 'icon-show-similar',
-    moreInfo: 'BUTTONS.relatedTrayMoreInfo',
-    title: 'BUTTONS.relatedTrayHint',
-    toggled: false
+    iconName: "icon-recent-history",
+    title: "BUTTONS.showRecentPlayed",
+    toggled: false,
   },
-  'showTags': {
-    description: 'BUTTONS.showTagsDescription',
+  showRelatedVideosTray: {
+    description: "BUTTONS.relatedTrayDescription",
     hidden: false,
-    iconName: 'icon-tag-auto',
-    moreInfo: 'BUTTONS.showTagsMoreInfo',
-    title: 'BUTTONS.showTagsHint',
-    toggled: false
+    iconName: "icon-show-similar",
+    moreInfo: "BUTTONS.relatedTrayMoreInfo",
+    title: "BUTTONS.relatedTrayHint",
+    toggled: false,
   },
-  'showTagTray': {
-    description: 'BUTTONS.tagTrayDescription',
+  showResolution: {
+    description: "SETTINGS.showResolution",
+    hidden: false,
+    title: "SETTINGS.showResolution",
+    toggled: true,
+    iconName: "icon-resolution"
+  },
+  showTags: {
+    description: "BUTTONS.showTagsDescription",
+    hidden: false,
+    iconName: "icon-tag-auto",
+    moreInfo: "BUTTONS.showTagsMoreInfo",
+    title: "BUTTONS.showTagsHint",
+    toggled: false,
+  },
+  showTagTray: {
+    description: "BUTTONS.tagTrayDescription",
     hidden: true,
-    iconName: 'icon-tag-tray',
-    title: 'BUTTONS.tagTrayHint',
-    toggled: false
+    iconName: "icon-tag-tray",
+    title: "BUTTONS.tagTrayHint",
+    toggled: false,
   },
-  'showThumbnails': {
-    description: 'BUTTONS.showThumbnailsDescription',
+  showThumbnails: {
+    description: "BUTTONS.showThumbnailsDescription",
     hidden: false,
-    iconName: 'icon-show-thumbnails',
-    title: 'BUTTONS.showThumbnailsHint',
-    toggled: true
+    iconName: "icon-show-thumbnails",
+    title: "BUTTONS.showThumbnailsHint",
+    toggled: true,
   },
-  'showVideoNotes': {
-    description: 'BUTTONS.showVideoNotesDescription',
+  showVideoNotes: {
+    description: "BUTTONS.showVideoNotesDescription",
     hidden: true,
-    iconName: 'icon-toggle-video-notes',
-    moreInfo: 'BUTTONS.showVideoNotesMoreInfo',
-    title: 'BUTTONS.showVideoNotesHint',
-    toggled: false
+    iconName: "icon-toggle-video-notes",
+    moreInfo: "BUTTONS.showVideoNotesMoreInfo",
+    title: "BUTTONS.showVideoNotesHint",
+    toggled: false,
   },
-  'sortAutoTags':{
-    description: 'BUTTONS.sortAutoTagsDescription',
+  sortAutoTags: {
+    description: "BUTTONS.sortAutoTagsDescription",
     hidden: true,
-    iconName: 'icon-sort-auto-tags',
-    moreInfo: 'BUTTONS.sortAutoTagsMoreInfo',
-    title: 'BUTTONS.sortAutoTagsHint',
-    toggled: false
+    iconName: "icon-sort-auto-tags",
+    moreInfo: "BUTTONS.sortAutoTagsMoreInfo",
+    title: "BUTTONS.sortAutoTagsHint",
+    toggled: false,
   },
-  'shuffleGalleryNow': {
-    description: 'BUTTONS.shuffleGalleryNowDescription',
+  shuffleGalleryNow: {
+    description: "BUTTONS.shuffleGalleryNowDescription",
     hidden: false,
-    iconName: 'icon-random',
-    title: 'BUTTONS.shuffleGalleryNowHint',
-    toggled: false
+    iconName: "icon-random",
+    title: "BUTTONS.shuffleGalleryNowHint",
+    toggled: false,
   },
-  'sizeFilter': {
-    description: 'BUTTONS.sizeFilterDescription',
+  sizeFilter: {
+    description: "BUTTONS.sizeFilterDescription",
     hidden: false,
-    iconName: 'icon-sort-order',
-    moreInfo: 'BUTTONS.sizeFilterMoreInfo',
-    title: 'BUTTONS.sizeFilterHint',
-    toggled: false
+    iconName: "icon-sort-order",
+    moreInfo: "BUTTONS.sizeFilterMoreInfo",
+    title: "BUTTONS.sizeFilterHint",
+    toggled: false,
   },
-  'sortOptionAlphabetical': {
-    description: 'BUTTONS.sortOptionAlphabeticalDescription',
+  sortOptionAlphabetical: {
+    description: "BUTTONS.sortOptionAlphabeticalDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionAlphabeticalMoreInfo',
-    settingsHeading: 'BUTTONS.sortOptionsHeading',
-    title: '',
-    toggled: true
+    moreInfo: "BUTTONS.sortOptionAlphabeticalMoreInfo",
+    settingsHeading: "BUTTONS.sortOptionsHeading",
+    title: "",
+    toggled: true,
   },
-  'sortOptionAlphabetical2': {
-    description: 'BUTTONS.sortOptionAlphabeticalDescription2',
+  sortOptionAlphabetical2: {
+    description: "BUTTONS.sortOptionAlphabeticalDescription2",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionAlphabeticalMoreInfo2',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionAlphabeticalMoreInfo2",
+    title: "",
+    toggled: false,
   },
-  'sortOptionAspectRatio': {
-    description: 'BUTTONS.sortOptionAspectRatioDescription',
+  sortOptionAspectRatio: {
+    description: "BUTTONS.sortOptionAspectRatioDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionAspectRatioMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionAspectRatioMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionCreated': {
-    description: 'BUTTONS.sortOptionCreatedDescription',
+  sortOptionCreated: {
+    description: "BUTTONS.sortOptionCreatedDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionCreatedMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionCreatedMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionFolderSize': {
-    description: 'BUTTONS.sortOptionFolderSizeDescription',
+  sortOptionFolderSize: {
+    description: "BUTTONS.sortOptionFolderSizeDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionFolderSizeMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionFolderSizeMoreInfo",
+    title: "",
+    toggled: false,
   },
 
-  'sortOptionFps': {
-    description: 'BUTTONS.sortOptionFpsDescription',
+  sortOptionFps: {
+    description: "BUTTONS.sortOptionFpsDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionFpsMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionFpsMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionModified': {
-    description: 'BUTTONS.sortOptionModifiedDescription',
+  sortOptionModified: {
+    description: "BUTTONS.sortOptionModifiedDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionModifiedMoreInfo',
-    title: '',
-    toggled: true
+    moreInfo: "BUTTONS.sortOptionModifiedMoreInfo",
+    title: "",
+    toggled: true,
   },
-  'sortOptionSize': {
-    description: 'BUTTONS.sortOptionSizeDescription',
+  sortOptionSize: {
+    description: "BUTTONS.sortOptionSizeDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionSizeMoreInfo',
-    title: '',
-    toggled: true
+    moreInfo: "BUTTONS.sortOptionSizeMoreInfo",
+    title: "",
+    toggled: true,
   },
-  'sortOptionStar': {
-    description: 'BUTTONS.sortOptionStarDescription',
+  sortOptionStar: {
+    description: "BUTTONS.sortOptionStarDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionStarMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionStarMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionTags': {
-    description: 'BUTTONS.sortOptionTagsDescription',
+  sortOptionTags: {
+    description: "BUTTONS.sortOptionTagsDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionTagsMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionTagsMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionTime': {
-    description: 'BUTTONS.sortOptionTimeDescription',
+  sortOptionTime: {
+    description: "BUTTONS.sortOptionTimeDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionTimeMoreInfo',
-    title: '',
-    toggled: true
+    moreInfo: "BUTTONS.sortOptionTimeMoreInfo",
+    title: "",
+    toggled: true,
   },
-  'sortOptionTimesPlayed': {
-    description: 'BUTTONS.sortOptionTimesPlayedDescription',
+  sortOptionTimesPlayed: {
+    description: "BUTTONS.sortOptionTimesPlayedDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionTimesPlayedMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionTimesPlayedMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionLastPlayed': {
-    description: 'BUTTONS.sortOptionLastPlayedDescription',
+  sortOptionLastPlayed: {
+    description: "BUTTONS.sortOptionLastPlayedDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionLastPlayedMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionLastPlayedMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOptionYear': {
-    description: 'BUTTONS.sortOptionYearDescription',
+  sortOptionYear: {
+    description: "BUTTONS.sortOptionYearDescription",
     hidden: false,
-    moreInfo: 'BUTTONS.sortOptionYearMoreInfo',
-    title: '',
-    toggled: false
+    moreInfo: "BUTTONS.sortOptionYearMoreInfo",
+    title: "",
+    toggled: false,
   },
-  'sortOrder': {
-    description: 'BUTTONS.sortOrderDescription',
+  sortOrder: {
+    description: "BUTTONS.sortOrderDescription",
     hidden: false,
-    iconName: 'icon-sort-order',
-    moreInfo: 'BUTTONS.sortOrderMoreInfo',
-    title: 'BUTTONS.sortOrderHint',
-    toggled: true
+    iconName: "icon-sort-order",
+    moreInfo: "BUTTONS.sortOrderMoreInfo",
+    title: "BUTTONS.sortOrderHint",
+    toggled: true,
   },
-  'starFilter': {
-    description: 'BUTTONS.starFilterDescription',
+  starFilter: {
+    description: "BUTTONS.starFilterDescription",
     hidden: false,
-    iconName: 'icon-star',
-    moreInfo: 'BUTTONS.starFilterMoreInfo',
-    title: 'BUTTONS.starFilterHint',
-    toggled: false
+    iconName: "icon-star",
+    moreInfo: "BUTTONS.starFilterMoreInfo",
+    title: "BUTTONS.starFilterHint",
+    toggled: false,
   },
-  'startWizard': {
-    description: 'BUTTONS.startWizardDescription',
+  startWizard: {
+    description: "BUTTONS.startWizardDescription",
     hidden: false,
-    title: 'BUTTONS.startWizardHint',
-    toggled: false
+    title: "BUTTONS.startWizardHint",
+    toggled: false,
   },
-  'tagExclusion': {
-    description: 'BUTTONS.tagExclusionDescription',
+  tagExclusion: {
+    description: "BUTTONS.tagExclusionDescription",
     hidden: true,
-    iconName: 'icon-tag-x',
-    moreInfo: 'BUTTONS.tagExclusionMoreInfo',
-    title: 'BUTTONS.tagExclusionHint',
-    toggled: false
+    iconName: "icon-tag-x",
+    moreInfo: "BUTTONS.tagExclusionMoreInfo",
+    title: "BUTTONS.tagExclusionHint",
+    toggled: false,
   },
-  'tagIntersection': {
-    description: 'BUTTONS.tagIntersectionDescription',
+  tagIntersection: {
+    description: "BUTTONS.tagIntersectionDescription",
     hidden: true,
-    iconName: 'icon-tag-minus',
-    moreInfo: 'BUTTONS.tagIntersectionMoreInfo',
-    title: 'BUTTONS.tagIntersectionHint',
-    toggled: false
+    iconName: "icon-tag-minus",
+    moreInfo: "BUTTONS.tagIntersectionMoreInfo",
+    title: "BUTTONS.tagIntersectionHint",
+    toggled: false,
   },
-  'tagUnion': {
-    description: 'BUTTONS.tagUnionDescription',
+  tagUnion: {
+    description: "BUTTONS.tagUnionDescription",
     hidden: true,
-    iconName: 'icon-tag-plus',
-    moreInfo: 'BUTTONS.tagUnionMoreInfo',
-    title: 'BUTTONS.tagUnionHint',
-    toggled: false
+    iconName: "icon-tag-plus",
+    moreInfo: "BUTTONS.tagUnionMoreInfo",
+    title: "BUTTONS.tagUnionHint",
+    toggled: false,
   },
-  'timesPlayedFilter': {
-    description: 'BUTTONS.timesPlayedDescription',
+  timesPlayedFilter: {
+    description: "BUTTONS.timesPlayedDescription",
     hidden: false,
-    iconName: 'icon-times-played',
-    moreInfo: 'BUTTONS.timesPlayedMoreInfo',
-    title: 'BUTTONS.timesPlayedHint',
-    toggled: false
+    iconName: "icon-times-played",
+    moreInfo: "BUTTONS.timesPlayedMoreInfo",
+    title: "BUTTONS.timesPlayedHint",
+    toggled: false,
   },
-  'thumbAutoAdvance': {
-    description: 'BUTTONS.thumbAutoAdvanceDescription',
+  thumbAutoAdvance: {
+    description: "BUTTONS.thumbAutoAdvanceDescription",
     hidden: true,
-    iconName: 'icon-toggle-auto-scrub',
-    moreInfo: 'BUTTONS.thumbAutoAdvanceMoreInfo',
-    title: 'BUTTONS.thumbAutoAdvanceHint',
-    toggled: false
+    iconName: "icon-toggle-auto-scrub",
+    moreInfo: "BUTTONS.thumbAutoAdvanceMoreInfo",
+    title: "BUTTONS.thumbAutoAdvanceHint",
+    toggled: false,
   },
-  'yearFilter': {
-    description: 'BUTTONS.yearSliderDescription',
+  toggleStarRating: {
+    description: "SETTINGS.toggleStarRating",
     hidden: false,
-    iconName: 'icon-times-played',
-    moreInfo: 'BUTTONS.yearSliderMoreInfo',
-    title: 'BUTTONS.yearSliderHint',
-    toggled: false
+    title: "SETTINGS.toggleStarRating",
+    toggled: false,
+    iconName: "icon-star-disabled"
   },
-  'videoNotes': {
-    description: 'BUTTONS.videoNotesDescription',
+  toggleYearData: {
+    description: "SETTINGS.toggleYearData",
+    hidden: false,
+    title: "SETTINGS.toggleYearData",
+    toggled: false,
+    iconName: "icon-disable-calendar"
+  },
+  toggleBitrate: {
+    description: "SETTINGS.toggleBitRate",
+    hidden: false,
+    title: "SETTINGS.toggleBitRate",
+    toggled: false,
+    iconName: "icon-bitrate"
+  },
+  toggleFps: {
+    description: "SETTINGS.toggleFps",
+    hidden: false,
+    title: "SETTINGS.toggleFps",
+    toggled: false,
+    iconName: "icon-fps"
+  },
+  yearFilter: {
+    description: "BUTTONS.yearSliderDescription",
+    hidden: false,
+    iconName: "icon-times-played",
+    moreInfo: "BUTTONS.yearSliderMoreInfo",
+    title: "BUTTONS.yearSliderHint",
+    toggled: false,
+  },
+  videoNotes: {
+    description: "BUTTONS.videoNotesDescription",
     hidden: true,
-    iconName: 'icon-toggle-video-notes',
-    moreInfo: 'BUTTONS.videoNotesMoreInfo',
-    title: 'BUTTONS.videoNotesHint',
-    toggled: false
-  }
+    iconName: "icon-toggle-video-notes",
+    moreInfo: "BUTTONS.videoNotesMoreInfo",
+    title: "BUTTONS.videoNotesHint",
+    toggled: false,
+  },
 };
diff --git a/src/app/components/icon/svg-definitions.component.html b/src/app/components/icon/svg-definitions.component.html
index 02df1336..ffdc57ab 100644
--- a/src/app/components/icon/svg-definitions.component.html
+++ b/src/app/components/icon/svg-definitions.component.html
@@ -757,5 +757,90 @@
     <symbol id="icon-heart" viewBox="-3 -3 21 21">
       <path d="M13.91,6.75c-1.17,2.25-4.3,5.31-6.07,6.94c-0.1903,0.1718-0.4797,0.1718-0.67,0C5.39,12.06,2.26,9,1.09,6.75  C-1.48,1.8,5-1.5,7.5,3.45C10-1.5,16.48,1.8,13.91,6.75z"/>
     </symbol>
+    
+    <symbol id="icon-disabled-hourglass" viewBox="0 0 15 15">
+      <path
+        d="M13.2 14.2L11.6 12.6H3.5v-0.8h1.2v-2.3c0-1.4 0.8-2.4 1.8-2.8V6.5C6 6.2 5.2 5.5 4.7 4.9L1.1 1.3l0.6-0.6 12.1 12.1zm-4.7-7.9l-0.6-0.6c0.8-0.5 1.4-1.2 1.4-2V2.6H4.7v0.7L4 2.6H3.9V2h8v0.6h-1.2v2.3c0 1-0.6 1.9-1.4 2.4zM4.7 13.2h5.6v-1.7l-3.2-3.2c-0.9 0.1-1.6 0.9-1.6 2z"
+      />
+    </symbol>
+    <symbol id="icon-resolution" viewBox="0 0 24 24">
+      <path
+        d="M19.685 21.1L2.861 4.277l.707-.708l16.823 16.812zm-.07-6.408l-.9-2h-1.523v1.65l-.884-.884v-4.15h3.788l.596.596v2.112l-.596.615h-.457l.9 2.061zm-2.423-2.884h2.616v-1.616h-2.616zm-3-.466l-2.034-2.034h1.438l.596.596zm-10.884 3.35V9.308h.884v2h2.616v-2h.884v5.384h-.884v-2.5H4.192v2.5zm6.5-4.176l.884.884v2.408h2.414l.879.884H9.808z"
+      />
+    </symbol>
+    <symbol id="icon-file-size" viewBox="0 0 24 24">
+      <path
+        d="M20 17.246L7 4.112v-.497q0-.69.463-1.153T8.616 2H15.5L20 6.5zm.654 4.823L16.584 18H8.617q-.691 0-1.153-.462T7 16.384V8.415L1.93 3.347l.708-.708l18.723 18.723zM15 7h4.154L15 2.846L19.154 7L15 2.846zM4.616 22q-.691 0-1.153-.462T3 20.385V9h1v11.385q0 .23.192.423t.423.192H15v1z"
+      />
+    </symbol>
+    <symbol id="icon-star-disabled" viewBox="0 0 24 24">
+      <path
+        d="m7.325 18.923l1.24-5.313l-4.123-3.572l5.431-.47L12 4.557l2.127 5.01l5.43.47l-4.123 3.572l1.241 5.313L12 16.102z"
+      />
+      <line
+        x1="2"
+        y1="2"
+        x2="21"
+        y2="21"
+        stroke="grey"
+        stroke-width="2"
+      />
+    </symbol>
+    <symbol id="icon-disable-calendar" viewBox="0 0 24 24">
+      <path
+        d="M4 21V5h3.385V2.77h1.077V5h7.154V2.77h1V5H20v16zm1-1h14v-9.384H5zM5 9.615h14V6H5zm0 0V6z"
+      />
+      <line
+        x1="2"
+        y1="2"
+        x2="24"
+        y2="24"
+        stroke="grey"
+        stroke-width="2"
+      />
+    </symbol>
+    <symbol id="icon-bitrate" viewBox="0 0 24 24">
+      <text
+        x="50%"
+        y="50%"
+        dominant-baseline="middle"
+        text-anchor="middle"
+        font-size="12"
+        fill="grey"
+        font-family="Arial, sans-serif"
+      >
+        mb/s
+      </text>
+      <line
+        x1="2"
+        y1="2"
+        x2="21"
+        y2="21"
+        stroke="grey"
+        stroke-width="2"
+      />
+    </symbol>
+    <symbol id="icon-fps" viewBox="0 0 24 24">
+      <text
+        x="50%"
+        y="50%"
+        dominant-baseline="middle"
+        text-anchor="middle"
+        font-size="12"
+        fill="grey"
+        font-family="Arial, sans-serif"
+      >
+        FPS
+      </text>
+      <line
+        x1="2"
+        y1="2"
+        x2="21"
+        y2="21"
+        stroke="grey"
+        stroke-width="2"
+      />
+    </symbol>
+
   </defs>
 </svg>
diff --git a/src/app/components/meta/meta.component.html b/src/app/components/meta/meta.component.html
index c0a940c8..d7f043c6 100644
--- a/src/app/components/meta/meta.component.html
+++ b/src/app/components/meta/meta.component.html
@@ -28,17 +28,21 @@
     [ngClass]="{ darkModeText: darkMode }"
     *ngIf="renamingWIP === video.cleanName; else renamingText"
   >
-    {{ video.durationDisplay }}
+    <span *ngIf=" !settingsButtons['showDuration'].toggled">{{ video.durationDisplay }} | </span>
+    
+    <span *ngIf=" !settingsButtons['showResolution'].toggled">{{ video.width }} x {{ video.height }} | </span>
 
-    | {{ video.width }} x {{ video.height }}
+    <span *ngIf=" !settingsButtons['showFileSize'].toggled">{{ video.fileSizeDisplay }} | </span>
 
-    | {{ video.fileSizeDisplay }}
+    <span *ngIf=" !settingsButtons['toggleBitrate'].toggled"> {{ video.bitrate + ' mb/s' }} </span>
 
-    | {{ video.bitrate + ' mb/s' }}
-
-    {{ video.fps ? '| ' + video.fps + ' fps' : '' }}
+    <span *ngIf=" !settingsButtons['toggleFps'].toggled">
+      {{ video.fps ? !settingsButtons['toggleBitrate'].toggled ? "| " + video.fps + ' fps' : video.fps + ' fps' : '' }}
+    </span>
 
-    | <input
+    <span *ngIf=" !settingsButtons['toggleYearData'].toggled">
+        |
+      <input
         #yearInput
         (change)="validateYear($event)"
         (click)="autoFillYear()"
@@ -54,6 +58,7 @@
         tabindex="-1"
         [ngStyle]="{color: darkMode ? '#DDDDDD' : '#000000'}"
       >
+    </span>
 
   </span>
 
@@ -82,7 +87,8 @@
   </ng-template>
 
 <!-- Star rating -->
-  <button
+  <span *ngIf=" !settingsButtons['toggleStarRating'].toggled">
+    <button
     (click)="setStarRating(1.5)"
     class="star-rating"
     [ngClass]="{ 'star-lit': starRatingHack > 1 }"
@@ -122,6 +128,7 @@
   >
     <app-icon [icon]="'icon-star'"></app-icon>
   </button>
+  </span>
 
   <!-- Times played -->
   <span class="fileSize times-played" [ngStyle]="{color: darkMode ? '#DDDDDD' : '#000000'}"  *ngIf="video.timesPlayed">
diff --git a/src/app/components/meta/meta.component.ts b/src/app/components/meta/meta.component.ts
index 81ecf6d1..81c8d8f1 100644
--- a/src/app/components/meta/meta.component.ts
+++ b/src/app/components/meta/meta.component.ts
@@ -13,7 +13,7 @@ import { ManualTagsService } from '../tags-manual/manual-tags.service';
 import type { StarRating, ImageElement } from '../../../../interfaces/final-object.interface';
 import type { TagEmit, RenameFileResponse } from '../../../../interfaces/shared-interfaces';
 
-import {SettingsButtons } from '../../common/settings-buttons';
+import {SettingsButtons, SettingsButtonsType } from '../../common/settings-buttons';
 
 
 @Component({
@@ -41,6 +41,7 @@ export class MetaComponent implements OnInit, OnDestroy {
   @Input() showVideoNotes: boolean;
   @Input() star: StarRating;
   @Input() starRatingHack: StarRating;
+  @Input() SettingsButtons: SettingsButtonsType;
 
   @Input() renameResponse: Observable<RenameFileResponse>;
 
@@ -50,6 +51,7 @@ export class MetaComponent implements OnInit, OnDestroy {
 
   renamingWIP = '';
   renameError = false;
+  settingsButtons = SettingsButtons;
 
   responseSubscription: Subscription;
 
diff --git a/src/app/components/views/clip/clip.component.html b/src/app/components/views/clip/clip.component.html
index 69892f6e..3df0d942 100644
--- a/src/app/components/views/clip/clip.component.html
+++ b/src/app/components/views/clip/clip.component.html
@@ -92,8 +92,8 @@
       class="selected"
       [icon]="'icon-show-more-info'"
     ></app-icon>
-    <span *ngIf="showMeta" class="time">{{ video.durationDisplay }}</span>
-    <span *ngIf="showMeta" class="rez">{{ video.resolution }}</span>
+    <span *ngIf="showMeta && !settingsButtons['showDuration'].toggled" class="time">{{ video.durationDisplay }}</span>
+    <span *ngIf="showMeta && !settingsButtons['showResolution'].toggled" class="rez">{{ video.resolution }}</span>
 
     <!-- ========================== regular view ========================== -->
     <video
@@ -140,7 +140,7 @@
     class="title"
   >
     {{ video.cleanName }}
-    <div class="fileSize" *ngIf="showMeta">
+    <div class="fileSize" *ngIf="showMeta && !settingsButtons['showFileSize'].toggled">
       {{ showMeta ? '(' + video.fileSizeDisplay + ')' : '' }}
     </div>
   </span>
diff --git a/src/app/components/views/clip/clip.component.ts b/src/app/components/views/clip/clip.component.ts
index 1b94fc92..dae0937f 100644
--- a/src/app/components/views/clip/clip.component.ts
+++ b/src/app/components/views/clip/clip.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, input } from '@angular/core';
 import type { OnInit } from '@angular/core';
 import { Component, HostListener, Input, Output, EventEmitter } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -9,6 +9,8 @@ import type { ImageElement } from '../../../../../interfaces/final-object.interf
 import type { RightClickEmit, VideoClickEmit } from '../../../../../interfaces/shared-interfaces';
 
 import { metaAppear, textAppear } from '../../../common/animations';
+import {SettingsButtons, SettingsButtonsType } from '../../../common/settings-buttons';
+import { log } from 'console';
 
 @Component({
   selector: 'app-clip-item',
@@ -42,6 +44,7 @@ export class ClipComponent implements OnInit {
   @Input() imgHeight: number;
   @Input() largerFont: boolean;
   @Input() showMeta: boolean;
+  @Input() SettingsButtons: SettingsButtonsType;
 
   appInFocus = true;
   folderPosterPaths: string[] = [];
@@ -51,6 +54,7 @@ export class ClipComponent implements OnInit {
   pathToVideo = '';
   poster: string;
   posterFolderType: any = 'clips';
+  settingsButtons = SettingsButtons;
 
   constructor(
     public filePathService: FilePathService,
diff --git a/src/app/components/views/file/file.component.html b/src/app/components/views/file/file.component.html
index 329d96ee..b2e245c0 100644
--- a/src/app/components/views/file/file.component.html
+++ b/src/app/components/views/file/file.component.html
@@ -61,7 +61,7 @@
     </app-icon>
 
     <div
-      *ngIf="showMeta"
+      *ngIf="showMeta && !settingsButtons['showResolution'].toggled"
       [ngClass]="{ 'meta-dark-mode': darkMode }"
       class="size"
     >
@@ -78,7 +78,7 @@
     >
       {{ video.cleanName }}
       <div
-        *ngIf="showMeta"
+        *ngIf="showMeta && !settingsButtons['showFileSize'].toggled"
         class="fileSize"
         [ngClass]="{ 'meta-dark-mode': darkMode }"
       >
@@ -87,7 +87,7 @@
     </div>
 
     <div
-      *ngIf="showMeta"
+      *ngIf="showMeta && !settingsButtons['showDuration'].toggled"
       class="length"
       [ngClass]="{ 'meta-dark-mode': darkMode }"
     >
diff --git a/src/app/components/views/file/file.component.ts b/src/app/components/views/file/file.component.ts
index 0cb31056..8f4423da 100644
--- a/src/app/components/views/file/file.component.ts
+++ b/src/app/components/views/file/file.component.ts
@@ -1,7 +1,10 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 
 import type { ImageElement } from '../../../../../interfaces/final-object.interface';
 import { ImageElementService } from './../../../services/image-element.service';
+import { SettingsButton } from '../../../common/settings-buttons.interface';
+import { SettingsButtonsType, SettingsButtons} from '../../../common/settings-buttons';
+import { ContentObserver } from '@angular/cdk/observers';
 
 @Component({
   selector: 'app-file-item',
@@ -13,7 +16,7 @@ import { ImageElementService } from './../../../services/image-element.service';
       '../selected.scss'
     ]
 })
-export class FileComponent {
+export class FileComponent implements OnInit {
 
   @Input() video: ImageElement;
 
@@ -21,6 +24,13 @@ export class FileComponent {
   @Input() largerFont: boolean;
   @Input() showMeta: boolean;
   @Input() showFavorites: boolean;
+  @Input() SettingsButton: SettingsButtonsType;
+
+  settingsButtons = SettingsButtons;
+  
+  ngOnInit(){
+    
+  }
 
   constructor(
     public imageElementService: ImageElementService,
diff --git a/src/app/components/views/filmstrip/filmstrip.component.html b/src/app/components/views/filmstrip/filmstrip.component.html
index 265bbc54..fd601e0d 100644
--- a/src/app/components/views/filmstrip/filmstrip.component.html
+++ b/src/app/components/views/filmstrip/filmstrip.component.html
@@ -17,8 +17,8 @@
         'background-size': 'auto ' + imgHeight + 'px'
       }"
   >
-    <span *ngIf="showMeta" class="time">{{ video.durationDisplay }}</span>
-    <span *ngIf="showMeta" class="rez">{{ video.resolution }}</span>
+    <span *ngIf="showMeta && !settingsButtons['showDuration'].toggled" class="time">{{ video.durationDisplay }}</span>
+    <span *ngIf="showMeta && !settingsButtons['showResolution'].toggled" class="rez">{{ video.resolution }}</span>
   </div>
 
   <app-icon
@@ -42,7 +42,7 @@
     class="title"
   >
     {{ video.cleanName }}
-    <div class="fileSize" *ngIf="showMeta">
+    <div class="fileSize" *ngIf="showMeta && !settingsButtons['showFileSize'].toggled">
       ({{ video.fileSizeDisplay }})
     </div>
   </span>
diff --git a/src/app/components/views/filmstrip/filmstrip.component.ts b/src/app/components/views/filmstrip/filmstrip.component.ts
index 7c6a0f52..66fe0198 100644
--- a/src/app/components/views/filmstrip/filmstrip.component.ts
+++ b/src/app/components/views/filmstrip/filmstrip.component.ts
@@ -9,6 +9,7 @@ import { metaAppear, textAppear } from '../../../common/animations';
 import type { ImageElement } from '../../../../../interfaces/final-object.interface';
 import { ImageElementService } from './../../../services/image-element.service';
 import type { RightClickEmit, VideoClickEmit } from '../../../../../interfaces/shared-interfaces';
+import { SettingsButtons , SettingsButtonsType } from '../../../common/settings-buttons';
 
 @Component({
   selector: 'app-filmstrip-item',
@@ -40,10 +41,12 @@ export class FilmstripComponent implements OnInit {
   @Input() largerFont: boolean;
   @Input() showMeta: boolean;
   @Input() showFavorites: boolean;
+  @Input() SettingsButtons : SettingsButtonsType;
 
   fullFilePath = '';
   filmXoffset = 0;
   indexToShow = 1;
+  settingsButtons = SettingsButtons;
 
   constructor(
     public filePathService: FilePathService,
diff --git a/src/app/components/views/full/full.component.html b/src/app/components/views/full/full.component.html
index 455a2896..49944b87 100644
--- a/src/app/components/views/full/full.component.html
+++ b/src/app/components/views/full/full.component.html
@@ -42,7 +42,7 @@
     class="title"
   >
     {{ video.cleanName }}
-    <div class="fileSize" *ngIf="showMeta">
+    <div class="fileSize" *ngIf="showMeta && !settingsButtons['showFileSize'].toggled">
       ({{ video.fileSizeDisplay }})
     </div>
   </span>
diff --git a/src/app/components/views/full/full.component.ts b/src/app/components/views/full/full.component.ts
index 31075480..908918b3 100644
--- a/src/app/components/views/full/full.component.ts
+++ b/src/app/components/views/full/full.component.ts
@@ -9,6 +9,7 @@ import { metaAppear, textAppear } from '../../../common/animations';
 import type { ImageElement } from '../../../../../interfaces/final-object.interface';
 import { ImageElementService } from './../../../services/image-element.service';
 import type { RightClickEmit, VideoClickEmit } from '../../../../../interfaces/shared-interfaces';
+import {SettingsButtons, SettingsButtonsType } from '../../../common/settings-buttons';
 
 @Component({
   selector: 'app-full-item',
@@ -46,6 +47,7 @@ export class FullViewComponent implements OnInit {
   @Input() largerFont: boolean;
   @Input() showMeta: boolean;
   @Input() showFavorites: boolean;
+  @Input() SettingsButtons: SettingsButtonsType
 
   _imgHeight: number;
   _metaWidth: number;
@@ -53,6 +55,7 @@ export class FullViewComponent implements OnInit {
   fullFilePath = '';
   rowOffsets: number[];
 
+  settingsButtons = SettingsButtons;
   constructor(
     public filePathService: FilePathService,
     public imageElementService: ImageElementService,
diff --git a/src/app/components/views/thumbnail/thumbnail.component.html b/src/app/components/views/thumbnail/thumbnail.component.html
index b80a8a21..364bfb82 100644
--- a/src/app/components/views/thumbnail/thumbnail.component.html
+++ b/src/app/components/views/thumbnail/thumbnail.component.html
@@ -143,8 +143,8 @@
       [icon]="'icon-heart'">
     </app-icon>
 
-    <span *ngIf="showMeta" class="time">{{ video.durationDisplay }}</span>
-    <span *ngIf="showMeta" class="rez">{{ video.resolution }}</span>
+    <span *ngIf="showMeta && !settingsButtons['showDuration'].toggled" class="time">{{ video.durationDisplay }}</span>
+    <span *ngIf="showMeta && !settingsButtons['showResolution'].toggled" class="rez">{{ video.resolution }}</span>
     <span *ngIf="!connected" class="not-connected"></span>
   </div>
   <!--
@@ -165,7 +165,7 @@
   >
     {{ video.cleanName }}
     <div
-      *ngIf="showMeta"
+      *ngIf="showMeta && !settingsButtons['showFileSize'].toggled"
       class="fileSize"
     >
       {{ showMeta ? '(' + video.fileSizeDisplay + ')' : '' }}
diff --git a/src/app/components/views/thumbnail/thumbnail.component.ts b/src/app/components/views/thumbnail/thumbnail.component.ts
index 29af3fa8..095de3c3 100644
--- a/src/app/components/views/thumbnail/thumbnail.component.ts
+++ b/src/app/components/views/thumbnail/thumbnail.component.ts
@@ -8,21 +8,24 @@ import { metaAppear, textAppear } from '../../../common/animations';
 import { ImageElementService } from './../../../services/image-element.service';
 import type { ImageElement } from '../../../../../interfaces/final-object.interface';
 import type { VideoClickEmit, RightClickEmit } from '../../../../../interfaces/shared-interfaces';
+import {
+  SettingsButtons,
+  SettingsButtonsType,
+} from "../../../common/settings-buttons";
 
 @Component({
-  selector: 'app-thumbnail',
-  templateUrl: './thumbnail.component.html',
+  selector: "app-thumbnail",
+  templateUrl: "./thumbnail.component.html",
   styleUrls: [
-    '../clip-and-preview.scss',
-    '../time-and-rez.scss',
-    './thumbnail.component.scss',
-    '../selected.scss'
+    "../clip-and-preview.scss",
+    "../time-and-rez.scss",
+    "./thumbnail.component.scss",
+    "../selected.scss",
   ],
-  animations: [textAppear, metaAppear]
+  animations: [textAppear, metaAppear],
 })
 export class ThumbnailComponent implements OnInit, OnDestroy {
-
-  @ViewChild('filmstripHolder', { static: false }) filmstripHolder: ElementRef;
+  @ViewChild("filmstripHolder", { static: false }) filmstripHolder: ElementRef;
 
   @Output() sheetClick = new EventEmitter<any>(); // does not emit data of any kind
   @Output() videoClick = new EventEmitter<VideoClickEmit>();
@@ -44,20 +47,22 @@ export class ThumbnailComponent implements OnInit, OnDestroy {
   @Input() showMeta: boolean;
   @Input() thumbAutoAdvance: boolean;
   @Input() showFavorites: boolean;
+  @Input() SettingsButtons: SettingsButtonsType;
 
   containerWidth: number;
-  firstFilePath = '';
+  firstFilePath = "";
   folderThumbPaths: string[] = [];
-  fullFilePath = '';
+  fullFilePath = "";
   hover: boolean;
   indexToShow = 1;
   percentOffset = 0;
   scrollInterval: any = null;
+  settingsButtons = SettingsButtons;
 
   constructor(
     public filePathService: FilePathService,
-    public imageElementService: ImageElementService,
-  ) { }
+    public imageElementService: ImageElementService
+  ) {}
 
   ngOnInit() {
     // multiple hashes == folder view
@@ -79,20 +84,21 @@ export class ThumbnailComponent implements OnInit, OnDestroy {
   }
 
   defaultScreenOffset(video: ImageElement): number {
-    return 100 * video.defaultScreen / (video.screens - 1);
+    return (100 * video.defaultScreen) / (video.screens - 1);
   }
 
   mouseEntered() {
-    this.containerWidth = this.filmstripHolder.nativeElement.getBoundingClientRect().width;
+    this.containerWidth =
+      this.filmstripHolder.nativeElement.getBoundingClientRect().width;
 
     if (this.thumbAutoAdvance) {
       this.hover = true;
 
       this.scrollInterval = setInterval(() => {
-        this.percentOffset = this.indexToShow * (100 / (this.video.screens - 1));
+        this.percentOffset =
+          this.indexToShow * (100 / (this.video.screens - 1));
         this.indexToShow++;
       }, 750);
-
     } else if (this.hoverScrub) {
       this.hover = true;
     }
@@ -116,7 +122,9 @@ export class ThumbnailComponent implements OnInit, OnDestroy {
   mouseIsMoving($event: any) {
     if (this.hoverScrub) {
       const cursorX = $event.layerX;
-      this.indexToShow = Math.floor(cursorX * (this.video.screens / this.containerWidth));
+      this.indexToShow = Math.floor(
+        cursorX * (this.video.screens / this.containerWidth)
+      );
       this.percentOffset = this.indexToShow * (100 / (this.video.screens - 1));
     }
   }