Updates table font size to 14 but now buttons are tiny

[JitterzDaGod]

Basically the title, if I don't update the font size on the table the table itself comes out really small to the point where it kind of hurts to look at. I've been playing around with the New-Htmltablestyle command and can't find a way to make everything scale uniformly.

Any input is appreciated!!

New-HTML -Online -TitleText "Users With Devices" {
    New-HTMLHeader { '<div Align="center"><h1>International Users and Devices</h1></div></div>' }
    New-HTMLTableOption -DataStore JavaScript -DateTimeFormat 'MMM-dd-yyyy'
    New-HTMLTable -DataTable $report -Title "Int Users And Devices" -PagingLength 50 -WordBreak break-word -AutoSize -Style display -Buttons copyHtml5,excelHtml5,csvHtml5,pdfHtml5,columnVisibility,searchBuilder -EnableColumnReorder -SearchRegularExpression  -PreContent {
        '<h2 style="text-align: Center"> Graph Data Export</h2>'
    } {
        New-HTMLTableStyle -FontSize 14
        New-HTMLTableColumnOption -ColumnIndex 2 -Hidden $true
        New-HTMLTableColumnOption -AllColumns -Width 100
        New-TableConditionGroup -Logic AND -Color Goldenrod -Row {
            New-TableCondition -Name 'Lastlogindeviceversion' -ComparisonType string -Operator lt -Value '10.0.19044'
            New-TableCondition -Name 'LastLoginDevice' -ComparisonType string -Operator ne -Value ""
        }
        
    }
} -FilePath .\graph\csv\IntAzureReportHTML.html -ShowHTML -Minify -Format

Code block above. I just need a simple report I can send around. The report contains 20K+ rows.

[PrzemyslawKlys]

You can do something like this

New-HTML -Online -TitleText "Users With Devices" {
    Add-HTMLStyle -Placement Header -Css @{
        ".dt-button" = @{
            'background-color' = '#f5f5f5;'
            'font-size'        = '30px !important;'
        }
    }
    New-HTMLHeader {
        New-HTMLSpanStyle -Alignment center {
            New-HTMLHeading -Heading h1 -HeadingText "International Users and Devices"
        }
    }
    # New-HTMLTableOption -DataStore JavaScript -DateTimeFormat 'MMM-dd-yyyy'
    $newHTMLTableSplat = @{
        DataTable               = $DataTable1
        Title                   = "Int Users And Devices"
        PagingLength            = 50
        WordBreak               = 'break-word'
        AutoSize                = $true
        Style                   = 'display'
        Buttons                 = 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5', 'columnVisibility', 'searchBuilder'
        EnableColumnReorder     = $true
        SearchRegularExpression = $true
        PreContent              = {
            New-HTMLSpanStyle -Alignment center {
                New-HTMLHeading -Heading h2 -HeadingText "Graph Data Export"
            }
        }
        Filtering               = $true
        HTML                    = {
            New-HTMLTableStyle -FontSize 14
            New-HTMLTableButtonExcel
            New-HTMLTableColumnOption -ColumnIndex 2 -Hidden $true
            New-HTMLTableColumnOption -AllColumns -Width 100
        }
    }

    New-HTMLTable @newHTMLTableSplat
} -FilePath $PSScriptRoot\IntAzureReportHTML.html -ShowHTML